<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta property="og:type" content="website">
<meta property="og:title" content="Resource Center Home Page">
<meta property="og:description" content="">
<meta property="og:image" content="https://cdn.pathfactory.com/assets/11187/thumbnails/997761/456501f7-28a7-4221-862a-9c01e365e8b6.jpg">
<meta property="og:url" content="https://www.netscout.com/resources">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Resource Center Home Page">
<meta name="twitter:description" content="">
<meta name="twitter:image" content="https://cdn.pathfactory.com/assets/11187/thumbnails/997761/456501f7-28a7-4221-862a-9c01e365e8b6.jpg">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://www.netscout.com/resources">
<link rel="icon" type="image/x-icon" href="https://cdn.pathfactory.com/assets/11187/icons/1342076/c3e0490e-7102-41d4-9bb1-1c0743cfba07.png">
<title> Resource Center Home Page </title>
<meta name="description" content="">


<script>
  const jukeboxApiHost = "https://jukebox.pathfactory.com";
  const clientId = "LB-C2343172-11187";
  function pfCamelize(str) {
  return str.replace(/(_\w)/g, function (match) {
    return match[1].toUpperCase();
  });
}

const pfPluralize = (word) => word.endsWith('s') ? word : word + 's';

const pfFilterKeys = (obj, validKeys) => validKeys.reduce((acc, key) => {
  if (key in obj) acc[key] = obj[key];
  return acc
}, {});

function pfUpdateUrlParams(url, params) {
  const urlObj = new URL(url, window.location.origin);
  const searchParams = urlObj.searchParams;

  Object.entries(params).forEach(([key, values]) => {
    if (Array.isArray(values) && values.length > 0) {
      searchParams.set(key, values.join(","));
    } else if (["string", "number"].includes(typeof values)) {
      searchParams.set(key, values);
    }else {
      searchParams.delete(key);
    }
  });

  urlObj.search = searchParams.toString();
  return urlObj.toString();
}


const convertToQueryParams = (paramObject) => {
  const keys = Object.keys(paramObject);
  const keyValuePairs = keys.filter(k => paramObject[k].length).map(key => {
    return key + '=' + paramObject[key];
  });
  return keyValuePairs.join('&');
}

</script>


<script>
  let dimensions = [];
  
    dimensions = `[{"label":"Topics","value":"topics","is_default":true},{"label":"Business Units","value":"business_units","is_default":true},{"label":"Personas","value":"personas","is_default":true},{"label":"Industries","value":"industries","is_default":true},{"label":"Products","value":"products","is_default":true},{"label":"Solutions","value":"solutions","is_default":true},{"label":"General","value":"general","is_default":false},{"label":"Areas of Interest","value":"areas_of_interest","is_default":false},{"label":"Internal Only","value":"internal_only","is_default":false},{"label":"Visibility in Resource Center","value":"visibility_in_resource_center","is_default":false}]` ? JSON.parse(`[{"label":"Topics","value":"topics","is_default":true},{"label":"Business Units","value":"business_units","is_default":true},{"label":"Personas","value":"personas","is_default":true},{"label":"Industries","value":"industries","is_default":true},{"label":"Products","value":"products","is_default":true},{"label":"Solutions","value":"solutions","is_default":true},{"label":"General","value":"general","is_default":false},{"label":"Areas of Interest","value":"areas_of_interest","is_default":false},{"label":"Internal Only","value":"internal_only","is_default":false},{"label":"Visibility in Resource Center","value":"visibility_in_resource_center","is_default":false}]`) : []
  
  const contentTagCategories = dimensions;
  const customCategories = contentTagCategories?.filter(item => item?.is_default === false) || [];
  const customCategoryKeys = customCategories.map(item => item.value);
  const DIMENSION_FILTER_TYPES = [
    "business_units",
    "funnel_stages",
    "industries",
    "personas",
    "products",
    "solutions",
    "topics",
    ...customCategoryKeys
  ];
  const NON_DIMENSION_FILTER_TYPES = [
    "languages",
    "content_types"
  ];
  const PF_FILTER_TYPES = [
    ...NON_DIMENSION_FILTER_TYPES,
    ...DIMENSION_FILTER_TYPES
  ];
</script>


<script>
  function pfDebounce(func, timeout = 500){
    let timer;
    return (...args) => {
      clearTimeout(timer);
      timer = setTimeout(() => { func.apply(this, args); }, timeout);
    };
  }

  function pfGetCookie(namePattern){
    const cookies = document.cookie.split("; ");
    const cookie = cookies.find((cookie) => {
      const cookieName = cookie.split("=")[0];
      return !!cookieName.match(namePattern)
    }) || "";
    return cookie.split("=")[1];
  }
</script>






  <script type="javascript/pathfactory">
   piAId = '1035473';
   piCId = '24224';

   (function() {
     function async_load(){
       var s = document.createElement('script'); s.type = 'text/javascript';
       s.src = ('https:' == document.location.protocol ? 'https://pi' : 'http://cdn') + '.pardot.com/pd.js';
       var c = document.getElementsByTagName('script')[0]; c.parentNode.insertBefore(s, c);
     }
     if(window.attachEvent) { window.attachEvent('onload', async_load); }
     else { window.addEventListener('load', async_load, false); }
   })();
  </script>
  <script type="javascript/pathfactory_onload_scripts">
   piAId = '1035473';
   piCId = '24224';

   (function() {
     function async_load(){
       var s = document.createElement('script'); s.type = 'text/javascript';
       s.src = ('https:' == document.location.protocol ? 'https://pi' : 'http://cdn') + '.pardot.com/pd.js';
       var c = document.getElementsByTagName('script')[0]; c.parentNode.insertBefore(s, c);
     }
     async_load();
   })();
  </script>




<script src="https://cdn.pathfactory.com/templated-experiences/glide.js"></script>


<link rel="stylesheet" href="https://cdn.pathfactory.com/templated-experiences/glide.core.css">
<link rel="stylesheet" href="https://cdn.pathfactory.com/templated-experiences/glide.theme.css">


<script defer src="https://cdn.pathfactory.com/templated-experiences/alpine.js"></script>






  
  
  
  



<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">



  <style>
    .section-display.hidden {
      display: none;
    }
  </style>







  <link rel="stylesheet" href="https://cdn.pathfactory.com/assets/css/te_20208_lp_74909_cp_0_c_0">



<script>
  function pfInitOzmenu(sectionClass) {
    const section = document.querySelector(`.${sectionClass}`);

    if (!section) return;

    const openMenu = section.querySelector(".menu-open");
    const closeMenu = section.querySelector(".menu-close");
    const menuDiv = section.querySelector(".ozmenu");
    const menu = section.querySelector(".ozmenu-nav");

    if (!openMenu || !closeMenu || !menuDiv || !menu) return;

    const dropDowns = menu.getElementsByClassName("nav-dropdown");
    const dropDownsChild = menu.querySelectorAll('.dropdown .nav-dropdown');
    const ozmenuOverlayClass = `ozmenu-${sectionClass}`;

    openMenu.addEventListener("click", menuToggle);
    closeMenu.addEventListener("click", menuToggle);

    // menu-overlay covers up the rest of the page with an overlay when menu open
    if (!document.querySelector(`.${ozmenuOverlayClass}#menu-overlay`)) {
      document.body.insertAdjacentHTML("beforeend", `<div id='menu-overlay' class='${ozmenuOverlayClass}'></div>`);
      document.querySelector(`.${ozmenuOverlayClass}#menu-overlay`).addEventListener("click", menuToggle);
    }

    function menuToggle() {
      menuDiv.classList.toggle("active");
      document.body.classList.toggle("hide-scrolling");
      document.body.classList.toggle("mobile-menu-active");
      document.querySelector(`.${ozmenuOverlayClass}#menu-overlay`).classList.toggle("show");
      document.querySelectorAll(".pf-header").forEach((header) => {
        if (!header.contains(openMenu)) {
          header.classList.toggle("z-[10000]");
        }
      });
    }

    for (var i = 0; i < dropDownsChild.length; i++) {
      dropDownsChild[i].classList.add('child');
      dropDownsChild[i].addEventListener("click", function() {
        this.classList.toggle('opened');
      });
    }
    for (var i = 0; i < dropDowns.length; i++) {
      if(!dropDowns[i].classList.contains("child")){
        dropDowns[i].classList.add('parent');
        dropDowns[i].addEventListener("click", function() {
          this.classList.toggle('opened');
        });
      }
    }
  };

  function pfOzmenuCycleFocus(sectionClass) {
    const pfOzmenu = document.querySelector(`.${sectionClass} .ozmenu`);
    const focusableElements = pfOzmenu.querySelectorAll("a, button, input");
    const firstFocusableEl = focusableElements[0];
    const lastFocusableEl = focusableElements[focusableElements.length - 1];
    pfOzmenu.addEventListener("keydown", (e) => {
      if (!window.matchMedia('(max-width: 993px)').matches) return;
      
      if (e.key === "Tab") {
        if ( e.shiftKey ) /* shift + tab */ {
          if (document.activeElement === firstFocusableEl) {
            lastFocusableEl.focus();
            e.preventDefault();
          }
        } else /* tab */ {
          if (document.activeElement === lastFocusableEl) {
            firstFocusableEl.focus();
            e.preventDefault();
          }
        }
      }
    });
  }

  function pfOzmenuEscClose(sectionClass) {
    document.addEventListener("keydown", (e) => {
      const pfOzmenu = document.querySelector(`.${sectionClass} .ozmenu`);
      if (e.key === "Escape" && pfOzmenu.classList.contains("active")) {
        document.querySelector(`.${sectionClass} .menu-close`).click();
      }
      if (!window.matchMedia('(max-width: 993px)').matches) {
        if (event.key === 'Escape') {
          document.querySelectorAll('.dropdown').forEach((dropdown) => {
            dropdown.style.display = 'none';
          });
        }
      };
    });
  }
</script>

<script>
  document.addEventListener("DOMContentLoaded", () => {
    document.querySelectorAll(".pf-header").forEach((header) => {
      const nodeId = header.dataset.pfThemeBlockId;
      const sectionClass = `section-${nodeId || ""}`;
      pfInitOzmenu(sectionClass);
    });
  });
</script>
<link rel="stylesheet" href="https://cdn.pathfactory.com/templated-experiences/ozmenu-styles.css">


  
  <script src="https://cdn-app.pathfactory.com/libraries/overlay/overlay.js"></script>
  <link href="https://cdn-app.pathfactory.com/libraries/overlay/overlay.css" rel="stylesheet" type="text/css">



<script defer>
  window.pfGlides = {};
  window.carouselConfiguration = {};
  window.pfGlideAssets = {};
  const detectGlideAndMount = (count = 0) => {
    const glides = document.querySelectorAll(".glide");
    if (glides.length === 0 && count <= 20) {
      setTimeout(() => detectGlideAndMount(count + 1), 1000);
    } else {
      glides.forEach((glide) => {
        const glideSlides = window.pfGlideAssets[glide?.dataset?.carouselGlideId] || [];
        if (glideSlides.length === 0) {
          window.pfGlideAssets[glide?.dataset?.carouselGlideId] = glide.querySelectorAll(".asset");
        }
        window.carouselConfiguration[glide?.dataset?.carouselGlideId] = {
          type: "slider",
          animationDuration: 1000,
          autoplay: glide.dataset.autoplay === "no"
            ? false
            : glide.dataset.autoplayInterval * 1000,
          gap: glide.dataset.gap || 0,
          perView: glide.dataset.tilesPerRow,
          peek: glide.dataset.peek || 0,
          breakpoints: {
            640: {
              perView: 1
            },
            1024: {
              perView: glide.dataset.tilesPerRow === "1" ? 1 : 2
            }
          }
        };
        window.pfGlides[glide.dataset.carouselGlideId] = new Glide(glide, window.carouselConfiguration[glide?.dataset?.carouselGlideId]);
        window.pfGlides[glide.dataset.carouselGlideId].on(['mount.after', 'run'], () => {
          const bullets = glide.querySelectorAll('.glide__bullet');
          const slides = glide.querySelectorAll('.glide__slide');
          const activeIndex = window.pfGlides[glide.dataset.carouselGlideId].index;
          // Dynamically get perView based on the current screen width
          const viewportWidth = window.innerWidth;
          let perView = parseInt(glide.dataset.tilesPerRow, 10);
          if (viewportWidth <= 640) 
            perView = 1;
          else if (viewportWidth <= 1024) 
            perView = Math.min(perView, 2);
          const totalSlides = slides.length;
          bullets.forEach((bullet, index) => {
            bullet.setAttribute('aria-current', index === activeIndex);
            bullet.setAttribute("tabindex", bullet.classList.contains("glide__bullet--between") ? "-1" : "0");
          });
          slides.forEach((slide, index) => {
            const isVisible =
              activeIndex + perView <= totalSlides
                ? index >= activeIndex && index < activeIndex + perView
                : index >= activeIndex && index < totalSlides;
            slide.setAttribute('aria-hidden', !isVisible);
            const slideButtons = slide.querySelectorAll("button, a");
            slideButtons.forEach(button => {
              button.setAttribute("tabindex", isVisible ? "0" : "-1");
            });
          });
        });
        window.pfGlides[glide.dataset.carouselGlideId].mount();
      });
      for (let count = 0; count < 10; count++) {
        setTimeout(() => window.dispatchEvent(new Event('resize')), 500 * count);
      }
    }
  }
  document.addEventListener("DOMContentLoaded", () => {
    detectGlideAndMount();
  });
</script>





<script>
  

async function pfFetchFilters(sectionNodeId) {
  const isContentPage = false;
  const urlParams = new URLSearchParams(window.location.search);
  const sectionSelector = `.section-${sectionNodeId}`;
  const contentPlayUuid = urlParams.get("pf_cpid");
  const campaignUuid = urlParams.get("pf_cid");
  const landingPageId = "74909" || urlParams.get("pflpid");
  const lpSectionNodeId = isContentPage ? urlParams.get("pfsid") : sectionNodeId;
  const segmentGroupId = "";
  const contentPageParams = isContentPage ? {
    isContentPage: true,
    contentSource: "experience",
    templatedExperienceId: "20208"
  } : {};
  const apiUrl = new URL(`${jukeboxApiHost}/api/public/v3/get_filter_options`);
  const params = {
    ...contentPageParams,
    landingPageId,
    sectionNodeId: lpSectionNodeId,
    clientId,
    segmentGroupId,
    pf_cpid: contentPlayUuid,
    pf_cid: campaignUuid
  };
  apiUrl.search = new URLSearchParams(params);

  const response = await fetch(apiUrl);
  const result = await response.json();
  
  return result;
}

function pfBuildFilters({
  filters = {},
  sectionSelector,
  sectionNodeId,
  fetchCurrentParams,
  handleParamsChange
}) {
  // The following classes must be present
  const allFiltersContainerClass = "pf-resource-center-filters";
  const filterOptionClass = "pf-options";
  const templateClass = "pf-template";
  const optionLabelClass = "pf-label";
  const optionCheckboxClass = "pf-checkbox";
  const clearOptionsClass = "pf-clear-options";
  const clearOptionsClassAlt = "pf-clear-checked_filters-selector";
  const clearAllClass = "clear-all-filters";
  const optionsWrapperSelector = (filterType) => {
    let selector = `.pf-options-wrapper-${filterType}`;
    if (["languages", "content_types"].includes(filterType)) {
      const filterTypeSingular = filterType.replace(/s$/, "");
      selector += `, .pf-options-wrapper-${filterTypeSingular}`;
    }
    return selector;
  };
  const filterSelector = (filterType) => {
    let selector = `.select-${filterType}`;
    if (["languages", "content_types"].includes(filterType)) {
      const filterTypeSingular = filterType.replace(/s$/, "");
      selector += `, .select-${filterTypeSingular}`;
    }
    return selector;
  };

  const section = document.querySelector(sectionSelector);

  // This should handle for both mobile and desktop, hence there's more than 1 allFiltersContainerClass
  section.querySelectorAll(`.${allFiltersContainerClass}`).forEach((filtersWrapper) => {
    const filterOptionTemplate = filtersWrapper.querySelector(`.${filterOptionClass}.${templateClass}`);
    const clearAllFilters = filtersWrapper.querySelector(`.${clearAllClass}`);

    if (clearAllFilters) {
      clearAllFilters.addEventListener("click", (e) => {
        e.stopPropagation();
        const updates = {};
        PF_FILTER_TYPES.forEach((ft) => { updates[ft] = [] });
        handleParamsChange(updates);
      });
    }

    PF_FILTER_TYPES.forEach((filterType) => {
      const filterContainer = filtersWrapper.querySelector(filterSelector(filterType));
      const optionsWrapper = filtersWrapper.querySelector(optionsWrapperSelector(filterType));
      const clearOptionsButtons = filterContainer?.querySelectorAll(`.${clearOptionsClass}, .${clearOptionsClassAlt}`) || [];

      if (!optionsWrapper || !filterContainer) return;

      const filterOptionsAvailable = NON_DIMENSION_FILTER_TYPES.includes(filterType)
        ? (filters[pfCamelize(filterType)] || []).length > 0
        : (filters.dimensions[filterType] || []).length > 0;

      if (!filterOptionsAvailable) {
        filterContainer.style.display = "none";
      } else {
        filterContainer.style.display = "";
        optionsWrapper.innerHTML = "";
        options = NON_DIMENSION_FILTER_TYPES.includes(filterType)
          ? filters[pfCamelize(filterType)]
          : filters.dimensions[filterType];
        options.forEach((option) => {
          const optionNode = filterOptionTemplate.cloneNode(true);
          const optionLabel = optionNode.querySelector(`.${optionLabelClass}`);
          const optionCheckbox = optionNode.querySelector(`.${optionCheckboxClass}`);
          const screenType = optionNode.querySelector(".pf-checkbox")?.getAttribute("data-screen");
          const idPrefix = screenType && screenType === "desktop" ? `${option.label.replace(/\s/g, '')}-desktop` : `${option.label.replace(/\s/g, '')}`;
          optionNode.style.display = "";
          optionLabel.textContent = option.label;
          optionLabel.setAttribute("for", `${idPrefix}-${[sectionNodeId]}`);
          optionCheckbox.id = `${idPrefix}-${[sectionNodeId]}`;
          optionCheckbox.name = option.value;
          optionCheckbox.dataset.label = option.label;
          optionCheckbox.addEventListener("change", (event) => {
            const currentParams = fetchCurrentParams() || {};
            const currentTypeCheckedValues = currentParams[filterType] || [];
            const newCurrentTypeCheckedValues =
              event.target.checked
                ? [...currentTypeCheckedValues, option.value]
                : currentTypeCheckedValues.filter(x => x !== option.value);
            const updateParams = { [filterType]: newCurrentTypeCheckedValues };
            handleParamsChange(updateParams);
          });
          optionsWrapper.appendChild(optionNode);
        });

        clearOptionsButtons.forEach((clearOptionsButton) => {
          clearOptionsButton.addEventListener("click", (e) => {
            e.stopPropagation();
            handleParamsChange({ [filterType]: [] });
          });
        });
      }
    });
  });
}

function pfAddPaginationEvents({
  sectionSelector,
  contentsPerPage,
  handleParamsChange,
  fetchTotalContents,
  fetchCurrentParams
}) {
  // If lazy loading, need either of these classes
  const lazyLoadClass = "pf-lazy-load-button";
  const scrollXContainerClass = "pf-bottombar-scroller";
  // If pagination, need these classes
  const previousButtonClass = "pf-pagination-item-previous";
  const nextButtonClass = "pf-pagination-item-next";
  const pageButtonClass = "pf-pagination-item";

  const section = document.querySelector(sectionSelector);
  const lazyLoadButton = section.querySelector(`.${lazyLoadClass}`);
  const scrollXContainer = section.querySelector(`.${scrollXContainerClass}`);
  const previousButton = section.querySelector(`.${previousButtonClass}`);
  const nextButton = section.querySelector(`.${nextButtonClass}`);
  const pageButtons = section.querySelectorAll(`.${pageButtonClass}`);

  if (lazyLoadButton) {
    lazyLoadButton.addEventListener("click", () => {
      const currentPage = fetchCurrentParams().page || 1;
      const nextPage = currentPage + 1;
      handleParamsChange({ page: nextPage }, "lazy_load");
    });
  }

  if (scrollXContainer) {
    scrollXContainer.addEventListener("scroll", pfDebounce((event) => {
      const scrollableWidth = event.target.scrollWidth - event.target.clientWidth;
      const fullyScrolledToRight = event.target.scrollLeft >= scrollableWidth - 1;
      const totalContents = fetchTotalContents();
      const totalPages = Math.ceil(totalContents / contentsPerPage);
      const currentPage = fetchCurrentParams().page || 1;
      const morePagesToLoad = currentPage < totalPages;

      if (fullyScrolledToRight && morePagesToLoad) {
        const nextPage = currentPage + 1;
        handleParamsChange({ page: nextPage }, "lazy_load");
      }
    }, 500));
  }

  if (previousButton) {
    previousButton.addEventListener("click", (event) => {
      const currentPage = fetchCurrentParams().page || 1;
      const newPage = Math.max(currentPage - 1, 1);
      handleParamsChange({ page: newPage });
    });
  }
  
  if (nextButton) {
    nextButton.addEventListener("click", (event) => {
      const currentPage = fetchCurrentParams().page || 1;
      const totalContents = fetchTotalContents();
      const totalPages = Math.ceil(totalContents / contentsPerPage);
      const newPage = Math.min(currentPage + 1, totalPages);
      handleParamsChange({ page: newPage });
    });
  }

  pageButtons.forEach((pageButton, index) => {
    pageButton.addEventListener("click", (event) => {
      if (pageButton.textContent === "...") return;

      const newPage = parseInt(pageButton.textContent);
      handleParamsChange({ page: newPage });
    });
  });
}

function pfAddSearchEvent({ sectionSelector, handleParamsChange }) {
  // The following classes are required
  const searchInputClass = "pf-content-list-search";

  const section = document.querySelector(sectionSelector);
  const searchInput = section?.querySelector(`.${searchInputClass}`);
  searchInput?.addEventListener("input", pfDebounce((event) => {
    handleParamsChange({ search: event.target.value });
  }), 1000);
}

function pfAddSortEvents({ sectionSelector, handleParamsChange }) {
  // The following classes are required
  const sortContainerClass = "pf-sort";
  const optionClass = "pf-sort-selection";
  const clearOptionsClass = "clear-options";
  const labelSelector = "button";

  const section = document.querySelector(sectionSelector);
  const sortContainer = section?.querySelector(`.${sortContainerClass}`);
  const label = sortContainer?.querySelector(labelSelector);
  const clearSortButton = sortContainer?.querySelector(`.${clearOptionsClass}`);
  const options = sortContainer?.querySelectorAll(`.${optionClass}`) || [];

  clearSortButton?.addEventListener("click", (event) => {
    event.stopPropagation();
    
    label.textContent = "Sort by...";
    sortContainer.click(); // closes the dropdown
    handleParamsChange({ sort: "" });
  });

  options.forEach((option) => {
    option.addEventListener("click", (event) => {
      label.textContent = `${event.target.innerHTML}`;
      sortContainer.click(); // closes the dropdown
      handleParamsChange({ sort: event.target.dataset.value });
    });
  });
}

function pfUpdateFilters({ sectionSelector, params }) {
  // All of the following classes need to be present
  const optionsCountClass = "pf-selected-options-count";
  const checkboxClass = "pf-checkbox";
  const totalCountClass = "pf-total-checked-filters-count"; // optional
  const filterSelector = (type) => {
    let filterTypeSelector = `.select-${type}`;

    if (["languages", "content_types"].includes(type)) {
      const filterTypeSingular = type.replace(/s$/, "");
      filterTypeSelector += `, .select-${filterTypeSingular}`
    }
    
    return filterTypeSelector;
  };

  const section = document.querySelector(sectionSelector);

  if (!section) return;

  // Update checked filters count for that filter type
  PF_FILTER_TYPES.forEach((filterType) => {
    const filterTypeSelector = filterSelector(filterType);
    section.querySelectorAll(filterTypeSelector).forEach((filterTypeWrapper) => {
      const filterCountNode = filterTypeWrapper.querySelector(`.${optionsCountClass}`);
      const checkedIdsForType = params[filterType] || [];
      const checkedFiltersCount = checkedIdsForType.length;
      filterCountNode.textContent = checkedFiltersCount || "";
      filterCountNode.style.display = checkedFiltersCount > 0 ? "inline-block" : "none";

      // Ensure the checkboxes are correctly checked or unchecked
      const checkboxes = filterTypeWrapper.querySelectorAll(`.${checkboxClass}`);
      checkboxes.forEach((checkbox) => {
        const checkboxFilterId = parseInt(checkbox.name);
        checkbox.checked = checkedIdsForType.includes(checkboxFilterId);
      });
    });
  });

  // Update overall total checked filters count if applicable
  section.querySelectorAll(`.${totalCountClass}`).forEach((overallFiltersCountNode) => {
    const totalCheckedFilters = (params.content_types || []).length
      + (params.languages || []).length
      + (params.dimensions || []).flat().length;
    if (overallFiltersCountNode) {
      overallFiltersCountNode.textContent = totalCheckedFilters || "";
      overallFiltersCountNode.style.display = totalCheckedFilters > 0 ? "" : "none";
    }
  });
}

function pfGeneratePageOptions({ page, totalPages, maxSlots = 7 }) {
  let pageOptions = [];
  if (totalPages <= maxSlots) {
    for (let i = 1; i <= totalPages; i++) {
      pageOptions.push(i);
    }
  } else {
    pageOptions = [page];
    let pagesSlotted = 1;
    for (let i = 1; pagesSlotted < maxSlots; i++) {
      const leadingPage = page - i;
      const trailingPage = page + i;
      if (leadingPage >= 1) {
        pageOptions = [leadingPage, ...pageOptions];
        pagesSlotted++;
      }
      if (trailingPage <= totalPages) {
        pageOptions = [...pageOptions, trailingPage];
        pagesSlotted++;
      }
    }
    if (pageOptions[0] !== 1) {
      pageOptions[0] = 1;
    }
    if (pageOptions[pageOptions.length - 1] !== totalPages) {
      pageOptions[pageOptions.length - 1] = totalPages;
    }
    if (pageOptions[1] > 2) {
      pageOptions[1] = "...";
    }
    if (pageOptions[pageOptions.length - 2] < totalPages - 1) {
      pageOptions[pageOptions.length - 2] = "...";
    }
  }

  return pageOptions;
}

function pfUpdatePagination({
  sectionSelector,
  params,
  totalContents,
  currentContents = [],
  contentsPerPage
}) {
  // The following classes are needed if lazy loading
  const lazyLoadClass = "pf-lazy-load-button";
  // The following classes are needed if paginated
  const nextClass = "pf-pagination-item-next";
  const previousClass = "pf-pagination-item-previous";
  const pageNumberClass = "pf-pagination-item";

  const currentPage = params.page || 1;
  const totalPages = Math.ceil(totalContents / contentsPerPage);
  const pageNumbers = pfGeneratePageOptions({ page: currentPage, totalPages });
  const section = document.querySelector(sectionSelector);
  const lazyLoadButton  = section.querySelector(`.${lazyLoadClass}`);
  const nextButton = section.querySelector(`.${nextClass}`);
  const prevButton = section.querySelector(`.${previousClass}`);
  const contentsLoaded = currentContents.length;
  const allContentsLoaded = contentsLoaded === totalContents;

  if (lazyLoadButton) {
    if (totalPages === currentPage || totalContents === 0 || allContentsLoaded) {
      lazyLoadButton.style.display = "none";
    } else {
      lazyLoadButton.style.display = "";
    }
  }
  
  if (prevButton && nextButton) {
    if (currentPage == 1 || totalContents == 0) {
      prevButton.setAttribute("aria-disabled", true);
      prevButton.style.display = "none";
    } else {
      prevButton.setAttribute("aria-disabled", false);
      prevButton.style.display = "";
    }

    if (currentPage == totalPages || totalContents == 0) {
      nextButton.setAttribute("aria-disabled", true);
      nextButton.style.display = "none";
    } else {
      nextButton.setAttribute("aria-disabled", false);
      nextButton.style.display = "";
    }
  }

  const activePageClasses = "flex rounded-full items-center justify-center bg-[#006068] text-[#ffffff] w-7 h-7".split(' ');     
  section.querySelectorAll(`.${pageNumberClass}`).forEach((pageNumber, index) => {
    pageNumber.textContent = pageNumbers[index];
    pageNumber.style.display = "";

    if (pageNumbers[index] !== "...") {
      pageNumber.setAttribute("aria-label", `Page ${pageNumbers[index]} of recommended assets`);
    }

    if (pageNumbers[index] === currentPage) {
      pageNumber.classList.add(...activePageClasses);
      pageNumber.setAttribute("aria-current", "page");
    } else {
      pageNumber.classList.remove(...activePageClasses);
      pageNumber.removeAttribute("aria-current");
    }
      
    if (index + 1 > pageNumbers.length || (allContentsLoaded && index > 0)) {
      pageNumber.style.display = "none";
    }
  });
}

function pfApplyQueryParams({ handleParamsChange, filtersConfig = {}, enabledFilters = [] }) {
  const isContentPage = false;
  const queryParamsApi = new URLSearchParams(window.location.search);
  const allQueryParams = Object.fromEntries(queryParamsApi);
  const validParamsList = ["page"].concat(
    enabledFilters.map((ef) =>
      ["language", "content_type"].includes(ef) ? pfPluralize(ef) : ef
    )
  );
  const queryParams = pfFilterKeys(allQueryParams, validParamsList);
  queryParams.page = parseInt(queryParams.page || "1");

  if (Object.keys(queryParams).length === 0) return;

  // convert param values to ids. Will work for any language
  Object.keys(queryParams).forEach((param) => {
    if (PF_FILTER_TYPES.includes(param)) {
      const filterLabels = (queryParams[param] || "").split(",");
      const filterIds = filterLabels.map((label) => {
        const filterOption = (filtersConfig[param] || filtersConfig[pfCamelize(param)] || [])
          .find((filterOption) => filterOption.label == label);
        return filterOption?.value;
      }).filter((id) => id != undefined);
      queryParams[param] = filterIds;
    }
  });

  if (Object.keys(queryParams).length == 1 && queryParams.page == 1) return;

  handleParamsChange(queryParams, "page_load");
}


  

async function pfFetchContents({
  sectionNodeId = "",
  params = {},
  loadedContentUuids = [],
  contentsPerPage = 0,
  fetchType = "currentPage" // valid values: currentPage, upToPage
}) {
  const apiUrl = `https://jukebox.pathfactory.com/api/public/v3/get_contents/${window.location.search}`;
  const urlParams = new URLSearchParams(window.location.search);
  const isContentPage = false;
  const landingPageId = isContentPage ? urlParams.get("pflpid") : "74909";
  const lpSectionNodeId = isContentPage ? urlParams.get("pfsid") : sectionNodeId;
  const body = {
    ...params,
    landingPageId,
    sectionNodeId: lpSectionNodeId,
    clientId: "LB-C2343172-11187",
    baseUrl: "https://www.netscout.com/resources",
    visitorUuid: pfGetCookie("vid"),
    sessionId: (pfGetCookie(/_pf_id.+/) || "").split(".")[5],
    segmentGroupId: "",
    loadedContentUuids: params.page === 1 ? [] : loadedContentUuids,
    // needed by content page
    isContentPage: false,
    templatedExperienceId: "20208" || undefined,
    contentSource: "experience" || undefined
  };

  if (fetchType === "upToPage") {
    body.page = 1;
    body.limit = (params.page || 1) * contentsPerPage;
  }

  const response = await fetch(apiUrl, {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify(body)
  });
  const result = await response.json();

  return result;
}

function pfBuildCards({
  sectionSelector = "",
  contents = [],
  isLazyLoad = false,
  currentParams = {},
  isCarousel = false
}) {
  // Either of these wrapper classes are needed
  const contentsWrapperClass = "pf-resource-center-cards-wrapper";
  const sidebarContentsWrapperClass = "pf-cards-wrapper";
  // The following classes are needed
  const cardClass = "pf-content-card";
  const templateClass = "template";
  const titleClass = "pf-content-card-title";
  const linkClass = "pf-content-card-link";
  // The following classes are optional
  const descriptionClass = "pf-content-card-description";
  const cardCtaClass = "pf-content-card-cta";
  const thumbnailClass = "pf-content-card-thumbnail";
  const cardIconClass = "pf-card-icon";

  const currentPage = currentParams.page;
  const section = document.querySelector(sectionSelector);
  const contentListWrappers = section.querySelectorAll(`.${contentsWrapperClass}, .${sidebarContentsWrapperClass}`);
  contentListWrappers.forEach((contentListWrapper) => {
    const contentCardTemplate = contentListWrapper.querySelector(`.${cardClass}.${templateClass}`)
      || section.querySelector(`.${cardClass}.${templateClass}`);

    if (!contentCardTemplate) return;

    if (!isLazyLoad || currentPage == 1) {
      contentListWrapper.innerHTML = "";
      if (!isCarousel) {
        contentListWrapper.appendChild(contentCardTemplate);
      }
    }

    (contents || []).forEach((c) => {
      const contentCard = contentCardTemplate.cloneNode(true);
      const cardTitle = contentCard.querySelector(`.${titleClass}`);
      const cardDescription = contentCard.querySelector(`.${descriptionClass}`);
      const cardThumbnail = contentCard.querySelector(`.${thumbnailClass}`);
      const cardLink = contentCard.querySelector(`.${linkClass}`);
      const cardCTA = contentCard.querySelector(`.${cardCtaClass}`);
      const cardIcon = contentCard.querySelector(`.${cardIconClass}`);

      contentCard.dataset.uuid = c.uuid;
      cardTitle.textContent = c.title;
      cardLink.href = c.url;
      contentCard.classList.remove(templateClass);

      if (cardThumbnail) {
        cardThumbnail.src = c.thumbnail;
        cardThumbnail.setAttribute("alt", c.alt_text);
      }

      if (cardIcon) {
        const iconClass = {
          webpage: "fa-globe",
          pdf: "fa-file-pdf",
          image: "fa-file-image",
          video: "fa-play-circle"
        }[c.mediaType] || "fa-globe";
        cardIcon.className = cardIcon.className.replace(/\bfa-[^\s]+\b/g, "").trim();
        cardIcon.classList.add(iconClass);
      }

      if (cardLink.dataset.hasOwnProperty("lookbookOverlayHref")) {
        cardLink.dataset.lookbookOverlayHref = c.url;
      }

      if (cardDescription && c.description) {
        cardDescription.textContent = c.description;
        cardDescription.parentElement.style.display = "";
      }

      if (cardCTA) {
        cardCTA.textContent = c.ctaLabel;
      }

      pfAppendTagsToLpCard({ contentCard, content: c});

      contentCard.style.display = "";
      contentListWrapper.appendChild(contentCard);
    });
  });
}

function pfAppendTagsToLpCard({ contentCard, content: c }) {
  // The following classes are needed if is landing page
  const tagsOnCardWrapperClass = "pf-content-tag-on-card-wrapper";
  const tagsBelowCardWrapperClass = "pf-content-tag-below-card-wrapper";
  const tagOnCardClass = "pf-content-tag-on-card";
  const tagBelowCardClass = "pf-content-tag-below-card";
  // The following classes are needed if is content page
  const sidebarCardTagsWrapperClass = "pf-content-tags-wrapper";
  const sidebarTagClass = "pf-content-tag";
  // The following classes are needed
  const pinnedClass = "pf-pinned-content-tag";

  const tagsOnCardWrapper = contentCard.querySelector(`.${tagsOnCardWrapperClass}`);
  const tagsBelowCardWrapper = contentCard.querySelector(`.${tagsBelowCardWrapperClass}`);
  const sidebarCardTagsWrapper = contentCard.querySelector(`.${sidebarCardTagsWrapperClass}`);

  if (c.isPinned) {
    const pinnedTag = contentCard.querySelector(`.${pinnedClass}`);
    pinnedTag.style.display = "";
  }

  if (tagsOnCardWrapper) {
    const tagOnCardTemplate = tagsOnCardWrapper.querySelector(`.${tagOnCardClass}`);
    const enabledTagTypes = tagOnCardTemplate.dataset.enabledTags.split(",");

    if (c.contentType && enabledTagTypes.includes("content_type")) {
      const contentTypeTag = tagOnCardTemplate.cloneNode();
      contentTypeTag.textContent = c.contentType;
      tagsOnCardWrapper.appendChild(contentTypeTag);
    }

    if (c.language && enabledTagTypes.includes("language")) {
      const languageTag = tagOnCardTemplate.cloneNode();
      languageTag.textContent = c.language;
      tagsOnCardWrapper.appendChild(languageTag);
    }

    if (c.isPinned) {
      tagsOnCardWrapper.style.display = "flex";
    }

    tagOnCardTemplate.remove();
  }

  if (tagsBelowCardWrapper) {
    const tagBelowCardTemplate = tagsBelowCardWrapper.querySelector(`.${tagBelowCardClass}`);
    const enabledTagTypes = tagBelowCardTemplate.dataset.enabledTags.split(",");

    const customCategoryDimensionsByType = customCategoryKeys.reduce((acc, item) => {
      const camelizedKey = pfCamelize(item);
      if (c && c[camelizedKey]) {
        acc[item] = c[camelizedKey];
      }
      return acc;
    }, {});

    const dimensionsByType = {
      business_units: c.businessUnits,
      funnel_stages: c.funnelStages,
      industries: c.industries,
      personas: c.personas,
      products: c.products,
      solutions: c.solutions,
      topics: c.topics,
      ...customCategoryDimensionsByType 
    };

    if (Object.values(dimensionsByType).flat().length > 0) {
      enabledTagTypes.forEach((type) => {
        const dimensions = dimensionsByType[type] || [];
        dimensions.forEach((d) => {
          const dimensionTag = tagBelowCardTemplate.cloneNode();
          dimensionTag.textContent = d;
          tagsBelowCardWrapper.appendChild(dimensionTag);
        });
      });
    }

    tagBelowCardTemplate.remove();
  }

  if (sidebarCardTagsWrapper) {
    const tagTemplate = sidebarCardTagsWrapper.querySelector(`.${sidebarTagClass}`);
    const enabledTagTypes = tagTemplate.dataset.enabledContentTags.split(",");
    enabledTagTypes.forEach((tagType) => {
      const tags = [c[pfCamelize(tagType)] || []].flat();
      tags.forEach((tag) => {
        const newTagNode = tagTemplate.cloneNode();
        newTagNode.textContent = tag;
        newTagNode.style.display = "";
        sidebarCardTagsWrapper.appendChild(newTagNode);
      });
    });
  }
}

// This is for content-list section. Function hides/unhides cards
function pfUpdateDisplayedContents({
  sectionSelector = "",
  contents = [],
  isLazyLoad = false,
  currentParams = {}
}) {
  // The following classes are needed if is glide carousel
  const glideContainerClass = "glide";

  const section = document.querySelector(sectionSelector);
  const glideCarousel = section.querySelector(`.${glideContainerClass}`);

  if (glideCarousel) {
    const glideId = glideCarousel?.dataset?.carouselGlideId;
    const glideConfig = window.carouselConfiguration?.[glideId];
    let glideApi = window.pfGlides?.[glideId];
    const glideReady = glideConfig && glideApi;

    if (!glideReady) return;

    glideApi.destroy();
    pfBuildCards({ sectionSelector, contents, isLazyLoad, currentParams, isCarousel: true });
    glideApi = new Glide(glideCarousel, glideConfig)
    window.pfGlides[glideId] = glideApi;
    glideApi.mount();
    pfUpdateGlideControls({ sectionSelector, currentContents: contents });
  } else {
    pfBuildCards({ sectionSelector, contents, isLazyLoad, currentParams });
  }
}

function pfUpdateGlideControls({ sectionSelector, currentContents = [] }) {
  // The following classes are needed for glide carousel
  const glideContainerClass = "glide";
  const glideArrowsContainerClass = "glide__arrows";
  const glideBulletClass = "glide__bullet";
  const hiddenBulletClass = "glide__bullet--between";

  const section = document.querySelector(sectionSelector);
  const glideContainer = section.querySelector(`.${glideContainerClass}`);
  const glideArrowsContainer = section.querySelector(`.${glideArrowsContainerClass}`);
  const visibleGlideBullets = section.querySelectorAll(`.${glideBulletClass}:not(.${hiddenBulletClass})`);
  let tilesPerRow = glideContainer?.dataset?.tilesPerRow;
  if (window.innerWidth > 640 && window.innerWidth <= 1024 && tilesPerRow != 1) {
    tilesPerRow = 2;
  } else if (window.innerWidth <= 640) {
    tilesPerRow = 1;
  }

  if (!glideContainer || !tilesPerRow) return;

  if (glideArrowsContainer) {
    glideArrowsContainer.style.display = currentContents.length <= tilesPerRow
      ? "none"
      : "";
  }

  visibleGlideBullets.forEach((bullet) => {
    const bulletIndex = (bullet.dataset.glideDir || "0").match(/\d+/)[0] || 0;
    const hide = bulletIndex >= currentContents.length || currentContents.length <= tilesPerRow;
    bullet.style.display = hide ? "none" : "";
    bullet.setAttribute("tabindex", hide ? -1 : 0);
  });
}

function pfUpdateContentsStatus({
  sectionSelector,
  contents = []
}) {
  // The following classes are required
  const statusContainerClass = "pf-no-results"
  const visuallyHiddenClass = "visually-hidden";

  const section = document.querySelector(sectionSelector);
  const statusContainers = section?.querySelectorAll(`.${statusContainerClass}`) || [];
  statusContainers.forEach((statusContainer) => {
    if (contents.length === 0) {
      statusContainer.classList.remove(visuallyHiddenClass);
      statusContainer.textContent = "No results match the search/filter criteria.";
    } else {
      statusContainer.classList.add(visuallyHiddenClass);
      statusContainer.textContent = `${contents.length} results found`;
    }
  });
}

function pfUpdateQueryStrings({ sectionSelector, currentParams = {}, filtersConfig = {} }) {
  const paramsMappedToLabels = { page: currentParams.page || 1 };
  PF_FILTER_TYPES.forEach((filterType) => {
    const selectedIdsForType = currentParams[filterType] || [];
    paramsMappedToLabels[filterType] = selectedIdsForType.map((id) => {
      const optionsForType = filtersConfig[filterType] || [];
      const option = optionsForType.find((option) => option.value == id);
      return option?.label;
    }).filter((label) => label);
  });

  const newBrowserUrl = pfUpdateUrlParams(window.location.href, paramsMappedToLabels);
  history.replaceState({}, "", newBrowserUrl);
  pfUpdateContentSectionQueryStrings({ sectionSelector, params: paramsMappedToLabels });
}

function pfUpdateContentSectionQueryStrings({ sectionSelector, params = {} }) {
  // The following classes are needed
  const cardClass = "pf-content-card";
  // Classes not strictly needed
  const templateClass = "template";

  const section = document.querySelector(sectionSelector);
  const contentLinks = section.querySelectorAll(`.${cardClass}:not(.${templateClass}) a`);
  contentLinks.forEach((link) => {
    link.href = pfUpdateUrlParams(link.href || "", params);
  });
}

function pfGetContentsOnPage({ sectionSelector }) {
  // The following classes are needed
  const contentCardClass = "pf-content-card";
  const templateClass = "template";

  const section = document.querySelector(sectionSelector);

  if (!section) return [];

  const cards = Array.from(section.querySelectorAll(`.${contentCardClass}:not(.${templateClass})`));
  const contentsData = cards.map((card) => ({ uuid: card.dataset.uuid }));
  const seen = new Set();
  // To account for presence of desktop & mobile cards
  const uniqueContentsData = contentsData.filter((content) => {
    if (seen.has(content.uuid)) return false;
    seen.add(content.uuid);
    return true;
  });
  
  return uniqueContentsData;
}

// ---------- custom on-image tag overlay due to zigzag layout ----------
function pfMoveOnCardTags(contentCard) {
  const imageContainer = contentCard.querySelector('.image-container');
  const onCardWrapper =
    contentCard.querySelector('.content-container .pf-content-tag-on-card-wrapper') ||
    contentCard.querySelector('.pf-content-tag-on-card-wrapper');

  if (!imageContainer || !onCardWrapper) return;

  if (getComputedStyle(imageContainer).position === 'static') {
    imageContainer.style.position = 'relative';
  }

  let overlayHost = imageContainer.querySelector('.pf-tags-overlay');
  if (!overlayHost) {
    overlayHost = document.createElement('div');
    overlayHost.className = 'pf-tags-overlay';
    imageContainer.appendChild(overlayHost);
  }
  if (onCardWrapper.parentElement !== overlayHost) {
    overlayHost.appendChild(onCardWrapper);
  }
  onCardWrapper.classList.add('in-overlay');

  // ensure visible if it has chips
  onCardWrapper.style.display   = onCardWrapper.childElementCount ? 'inline-flex' : 'none';
  onCardWrapper.style.margin    = '0';
  onCardWrapper.style.width     = 'auto';
  onCardWrapper.style.maxWidth  = '100%';

  // place at the image's top-left corner (slightly outside), regardless of side
  requestAnimationFrame(() => {
    overlayHost.style.right = '';
    if (!window.matchMedia('(min-width: 768px)').matches) {
      overlayHost.style.left = '10px'; // mobile: inside
      return;
    }
    overlayHost.style.left = '-8px';   // desktop: small left bleed
  });
}

function pfHydrateOnCardTags(sectionEl) {
  const cards = sectionEl.querySelectorAll('.content-list-card-side');
  cards.forEach(pfMoveOnCardTags);
}

function pfRepositionAllOverlays(sectionEl) {
  const cards = sectionEl.querySelectorAll('.content-list-card-side');
  cards.forEach(pfMoveOnCardTags);
}

function pfBuildZigzagCards({
  sectionSelector = "",
  contents = [],
  isLazyLoad = false,
  currentParams = {}
}) {
  const contentsWrapperClass = "pf-resource-center-cards-wrapper";
  const sidebarContentsWrapperClass = "pf-cards-wrapper";
  const cardClass = "pf-content-card";
  const templateClass = "template";
  const titleClass = "pf-content-card-title";
  const linkClass = "pf-content-card-link";
  const descriptionClass = "pf-content-card-description";
  const cardCtaClass = "pf-content-card-cta";
  const thumbnailClass = "pf-content-card-thumbnail";
  const cardIconClass = "pf-card-icon";

  let section = document.querySelector(sectionSelector);
  if (!section) {
    if (!sectionSelector.startsWith("section-") && !sectionSelector.startsWith(".section-")) {
      section = document.querySelector(`.section-${sectionSelector.replace(/^\./, '')}`);
    }
    if (!section) {
      const nodeId = sectionSelector.replace(/^\.?section-/, '');
      section = document.querySelector(`[data-section-id="${nodeId}"]`);
    }
    if (!section) return;
  }

  const contentWrapper = section.querySelector(`.${contentsWrapperClass}, .${sidebarContentsWrapperClass}`);
  if (!contentWrapper) return;

  const contentCardTemplate = contentWrapper.querySelector(`.${cardClass}.${templateClass}`) || 
                              section.querySelector(`.${cardClass}.${templateClass}`);
  if (!contentCardTemplate) return;

  if (!isLazyLoad || currentParams.page == 1) {
    const templateCopy = contentCardTemplate.cloneNode(true);
    contentWrapper.innerHTML = "";
    contentWrapper.appendChild(templateCopy);
  }

  const noResultsClass = "pf-no-results";
  const visuallyHiddenClass = "visually-hidden";
  const statusContainers = section.querySelectorAll(`.${noResultsClass}, .no-results`) || [];
  statusContainers.forEach(statusContainer => {
    if (contents.length === 0) {
      statusContainer.classList.remove(visuallyHiddenClass);
      statusContainer.textContent = "No results match the search/filter criteria";
    } else {
      statusContainer.classList.add(visuallyHiddenClass);
      statusContainer.textContent = `${contents.length} results found`;
    }
  });

  (contents || []).forEach((c, index) => {
    const contentCard = contentCardTemplate.cloneNode(true);
    const isEven = (index + 1) % 2 === 0;

    contentCard.classList.remove(templateClass);
    contentCard.style.display = "block";
    contentCard.style.visibility = "visible";
    contentCard.dataset.uuid = c.uuid;

    contentCard.dataset.contentId = c.id || '';
    contentCard.dataset.title = c.title || '';
    contentCard.dataset.isPinned = c.isPinned || false;

    if (c.topics) contentCard.dataset.topics = JSON.stringify(c.topics);
    if (c.language) contentCard.dataset.language = c.language;
    if (c.personas) contentCard.dataset.personas = JSON.stringify(c.personas);
    if (c.businessUnits) contentCard.dataset.businessUnits = JSON.stringify(c.businessUnits);
    if (c.industries) contentCard.dataset.industries = JSON.stringify(c.industries);
    if (c.products) contentCard.dataset.products = JSON.stringify(c.products);
    if (c.solutions) contentCard.dataset.solutions = JSON.stringify(c.solutions);
    if (c.contentType) contentCard.dataset.contentType = c.contentType;
    if (c.funnelStages) contentCard.dataset.funnelStages = JSON.stringify(c.funnelStages);

    const cardTitle = contentCard.querySelector(`.${titleClass}`);
    const cardDescription = contentCard.querySelector(`.${descriptionClass}`);
    const cardThumbnail = contentCard.querySelector(`.${thumbnailClass}`);
    const cardLink = contentCard.querySelector(`.${linkClass}`);
    const cardCTA = contentCard.querySelector(`.${cardCtaClass}`);
    const cardIcon = contentCard.querySelector(`.${cardIconClass}`);

    if (cardTitle) cardTitle.textContent = c.title;
    if (cardLink) cardLink.href = c.url;

    if (cardThumbnail) {
      cardThumbnail.src = c.thumbnail;
      cardThumbnail.setAttribute("alt", c.alt_text || c.title);
    }
    const thumbnails = contentCard.querySelectorAll(`.${thumbnailClass}`);
    thumbnails.forEach(img => {
      img.src = c.thumbnail;
      img.alt = c.alt_text || c.title;
    });

    if (cardIcon) {
      const iconClass = {
        webpage: "fa-globe",
        pdf: "fa-file-pdf",
        image: "fa-file-image",
        video: "fa-play-circle"
      }[c.mediaType] || "fa-globe";
      cardIcon.className = cardIcon.className.replace(/\bfa-[^\s]+\b/g, "").trim();
      cardIcon.classList.add(iconClass);
    }

    if (cardLink && cardLink.dataset.hasOwnProperty("lookbookOverlayHref")) {
      cardLink.dataset.lookbookOverlayHref = c.url;
    }

    if (cardDescription && c.description) {
      cardDescription.textContent = c.description;
      const descContainer = cardDescription.closest('[style*="display:none"]');
      if (descContainer) descContainer.style.display = '';
    }

    if (cardCTA && c.ctaLabel) {
      cardCTA.textContent = c.ctaLabel;
    }

    const zigzagWrapper = document.createElement('div');
    zigzagWrapper.className = isEven ? 'zigzag-item zigzag-even' : 'zigzag-item zigzag-odd';

    try {
      pfAppendTagsToLpCard({ contentCard, content: c });
    } catch (e) {
      console.error("Error appending tags:", e);
    }

    zigzagWrapper.appendChild(contentCard);
    contentWrapper.appendChild(zigzagWrapper);

    // place on-image tags
    pfMoveOnCardTags(contentCard);
  });

  // after building all cards, ensure placement is correct
  pfRepositionAllOverlays(section);
}


  class PfContentsApi {
    static initialParams = {
      sort: "",
      page: 1,
      search: "",
      dimensions: [],
      languages: [],
      content_types: []
    };
    static blankSectionState = {
      currentParams: PfContentsApi.initialParams,
      currentContents: [],
      totalScopedContents: 0,
      totalContents: 0,
      contentsPerPage: 9,
      enablePagination: true,
      enableQueryParams: false,
      enabledFilters: [],
      filtersConfig: {}
    };
    static state = {};
    static presets = {
      resourceCenter: {},
      contentList: {
        buildCards: pfUpdateDisplayedContents
      },
      contentPage: {}
    };

    constructor({
      // required
      sectionNodeId,
      // required if not resource-center section
      preset = "resourceCenter",
      // optional overrides
      sectionSelector,
      fetchContents,
      buildCards,
      updateQueryStrings,
      updateFilters,
      updateStatus,
      updatePagination,
      fetchFilters,
      buildFilters,
      addPaginationEvents,
      addSearchEvent,
      addSortEvents,
      applyQueryParams,
      getContentsOnPage
    }) {
      this.preset = preset;
      this.sectionNodeId = sectionNodeId;
      this.sectionSelector = sectionSelector || `.section-${this.sectionNodeId}`;
      this.fetchContents = fetchContents || pfFetchContents;
      this.buildCards = buildCards || PfContentsApi.presets[preset]?.buildCards || pfBuildCards;
      this.updateQueryStrings = updateQueryStrings || pfUpdateQueryStrings;
      this.updateFilters = updateFilters || pfUpdateFilters;
      this.updateStatus = updateStatus || pfUpdateContentsStatus;
      this.updatePagination = updatePagination || pfUpdatePagination;
      this.fetchFilters = fetchFilters || pfFetchFilters;
      this.buildFilters = buildFilters || pfBuildFilters;
      this.addPaginationEvents = addPaginationEvents || pfAddPaginationEvents;
      this.addSearchEvent = addSearchEvent || pfAddSearchEvent;
      this.addSortEvents = addSortEvents || pfAddSortEvents;
      this.applyQueryParams = applyQueryParams || pfApplyQueryParams;
      this.getContentsOnPage = getContentsOnPage || pfGetContentsOnPage;

      // Functions used in event listeners (outside a class instance) must bind "this"
      this.handleParamsChange = this.handleParamsChange.bind(this);

    }

    setSectionState(arg1, value) {
      const stateUpdates = typeof arg1 === "string" ? { [arg1]: value } : arg1;
      PfContentsApi.state[this.sectionNodeId] = {
        ...(PfContentsApi.state[this.sectionNodeId] || PfContentsApi.blankSectionState),
        ...stateUpdates
      };
    }

    get sectionState() {
      return PfContentsApi.state[this.sectionNodeId] || PfContentsApi.blankSectionState;
    }

    setCurrentContents(contents = [], isLazyLoad = false) {
      const updatedContents = isLazyLoad
        ? [...this.sectionState.currentContents, ...contents]
        : contents;
      this.setSectionState("currentContents", updatedContents);
    }
    
    setCurrentParams(params = {}) {
      const currentParams = this.sectionState.currentParams;
      const groupedCheckedDimensions = DIMENSION_FILTER_TYPES.map((filterType) =>
        params[filterType] || currentParams[filterType] || []
      );
      const newParams = {
        ...currentParams,
        ...params,
        dimensions: groupedCheckedDimensions,
        page: params.page || 1
      };
      if (!this.sectionState.enablePagination) {
        newParams.page = 1;
        newParams.limit = this.sectionState.totalContents;
      }
      this.setSectionState("currentParams", newParams);
    }

    // valid values of context: page_load, lazy_load, undefined
    async handleParamsChange(params = {}, context = undefined) {
      this.setCurrentParams(params);
      const response = await this.fetchContents({
        sectionNodeId: this.sectionNodeId,
        params: this.sectionState.currentParams,
        loadedContentUuids: this.sectionState.currentContents.map((c) => c.uuid),
        contentsPerPage: this.sectionState.contentsPerPage,
        fetchType: context == "page_load" && this.sectionState.paginationType == "lazy_load" ? "upToPage" : "currentPage"
      }) || [];
      const contents = response.contents || []
      this.setCurrentContents(contents, context == "lazy_load");
      this.setSectionState("totalScopedContents", response.totalContents || 0);

      this.buildCards({
        sectionSelector: this.sectionSelector,
        contents: contents,
        isLazyLoad: context == "lazy_load",
        currentParams: this.sectionState.currentParams
      });

      this.updateFilters({
        sectionSelector: this.sectionSelector,
        params: this.sectionState.currentParams
      });
      this.updateStatus({
        sectionSelector: this.sectionSelector,
        contents: this.sectionState.currentContents
      });
      this.updatePagination({
        sectionSelector: this.sectionSelector,
        params: this.sectionState.currentParams,
        totalContents: this.sectionState.totalScopedContents,
        currentContents: this.sectionState.currentContents,
        contentsPerPage: this.sectionState.contentsPerPage
      });
      // Don't want to update query strings on page load because query strings
      // are supposed to apply to multiple sections. Once one section applies the
      // query params, it must not update the query params based on its own valid
      // filters, or else other sections might not get filtered by those values.
      // On subsequent filtering from using the UI, then we can update the query
      // params because filters UI only meant to apply to its own section.
      if (this.sectionState.enableQueryParams && context !== "page_load") {
        this.updateQueryStrings({
          sectionSelector: this.sectionSelector,
          currentParams: this.sectionState.currentParams,
          filtersConfig: this.sectionState.filtersConfig
        });
      }
    }

    async initializeContentControls() {
      const filters = await this.fetchFilters(this.sectionNodeId);
      this.setSectionState({
        totalScopedContents: filters.totalContents || 0,
        totalContents: filters.totalContents || 0,
        contentsPerPage: (!filters.enablePagination && filters.totalContents) || filters.contentsPerPage || 0,
        enablePagination: filters.enablePagination,
        paginationType: filters.paginationType,
        enableQueryParams: filters.enableQueryParams,
        enabledFilters: filters.enabledFilters || [],
        filtersConfig: {
          ...(filters.dimensions || {}),
          contentTypes: filters.contentTypes,
          content_types: filters.contentTypes,
          languages: filters.languages
        },
        currentContents: this.getContentsOnPage({ sectionSelector: this.sectionSelector })
      });

      this.buildFilters({
        filters,
        sectionSelector: this.sectionSelector,
        sectionNodeId: this.sectionNodeId,
        fetchCurrentParams: () => this.sectionState.currentParams,
        handleParamsChange: this.handleParamsChange
      });
      this.addPaginationEvents({
        sectionSelector: this.sectionSelector,
        contentsPerPage: this.sectionState.contentsPerPage,
        handleParamsChange: this.handleParamsChange,
        fetchTotalContents: () => this.sectionState.totalScopedContents,
        fetchCurrentParams: () => this.sectionState.currentParams
      });
      this.updatePagination({
        sectionSelector: this.sectionSelector,
        params: this.sectionState.currentParams,
        totalContents: this.sectionState.totalScopedContents,
        currentContents: this.sectionState.currentContents,
        contentsPerPage: this.sectionState.contentsPerPage
      });
      this.addSearchEvent({
        sectionSelector: this.sectionSelector,
        handleParamsChange: this.handleParamsChange
      });
      this.addSortEvents({
        sectionSelector: this.sectionSelector,
        handleParamsChange: this.handleParamsChange
      });
      if (this.sectionState.enableQueryParams) {
        this.applyQueryParams({
          handleParamsChange: this.handleParamsChange,
          filtersConfig: this.sectionState.filtersConfig,
          enabledFilters: this.sectionState.enabledFilters
        });
      }
    }
  }
</script>



<script>
  const reconstructUrl = (newFilterQueryParams) => {
    const isContentPage = false;
    if (isContentPage) {
      const allowedFilters = ["topics", "languages", "personas", "business_units", "industries", "products", "solutions", "content_types", "funnel_stages", "current_page", ...customCategoryKeys];
      const allParams = new URLSearchParams(window.location.search);
      const allParamsAsObject = Object.fromEntries(allParams);
      const nonFilterParams = Object.keys(allParamsAsObject).
        filter((key) => !allowedFilters.includes(key)).
        reduce((cur, key) => { return Object.assign(cur, { [key]: allParamsAsObject[key] })}, {});
      const nonFilterQueryParams = convertToQueryParams(nonFilterParams);
      const currentUrl = window.location.href;
      const path = currentUrl.substring(0, currentUrl.indexOf('?'));
      history.replaceState({}, "", `${path}?${nonFilterQueryParams}&${newFilterQueryParams}`);
      const allContentLinks = document.querySelectorAll(".assets-content-page a");
      for (let i = 0; i < allContentLinks.length; i++) {
        const contentUrl = allContentLinks[i].href.split("?")[0];
        allContentLinks[i].href = (`${contentUrl}?${nonFilterQueryParams}&${newFilterQueryParams}`.replace("&lb-mode=overlay", ""));
      }
    }
  };

  function pfUpdateCheckedFiltersCount(sectionNodeId) {
    const section = document.querySelector(`.section-${sectionNodeId}`);
    const optionWrappers = section.querySelectorAll("ul[class*='pf-options-wrapper-']");
    optionWrappers.forEach((wrapper) => {
      const f = wrapper.closest("[class*=select-container]");

      if (!f) return;

      const checkboxes = Array.from(f.querySelectorAll(".pf-checkbox"));
      const checkedOptionsCount = checkboxes.reduce((total, cb) => {
        return cb.checked ? total + 1 : total;
      }, 0);
      const countLabel = f.querySelector(".pf-selected-options-count");
      countLabel.style.display = checkedOptionsCount === 0 ? "none" : "inline-block";
      countLabel.textContent = checkedOptionsCount > 0 ? checkedOptionsCount : "";
    });
    const filterContainers = section.querySelectorAll(".pf-resource-center-filters");
    filterContainers.forEach((filterContainer) => {
      const totalCheckedFiltersLabel = filterContainer.querySelector(".pf-total-checked-filters-count");
      const overallFiltersLabel = filterContainer.querySelector(".pf-filters-label");
      if (totalCheckedFiltersLabel && overallFiltersLabel) {
        const totalChecked = Array.from(filterContainer.querySelectorAll(".pf-checkbox")).reduce((total, cb) => {
          return cb.checked ? total + 1 : total;
        }, 0);
        totalCheckedFiltersLabel.textContent = totalChecked;
        if (totalChecked > 0) {
          totalCheckedFiltersLabel.style.display = "";
          overallFiltersLabel.textContent = "Filter by:";
        } else {
          totalCheckedFiltersLabel.style.display = "none";
          overallFiltersLabel.textContent = "Filter by";
        }
      }
    });
  }

  function pfUpdateUrlsWithFilterParams(sectionNodeId) {
    const filterOptions = window.pfAllFilterOptions || {};
    const selectedFilters = window.pfResourceCenterParams?.[sectionNodeId] || {};
    const userDefinedCategoryParams = customCategoryKeys.reduce((acc, key) => {
      acc[key] = selectedFilters?.[key]?.map((id) => filterOptions?.dimensions?.[key]?.find((t) => t.value == id)?.label)?.filter((x) => x) || [];
      return acc;
    }, {});
    reconstructUrl(convertToQueryParams({
      topics: selectedFilters.topics?.map((id) => filterOptions.dimensions?.topics?.find((t) => t.value == id)?.label)?.filter((x) => x) || [],
      languages: selectedFilters.languages?.map((id) => filterOptions.languages?.find((t) => t.value == id)?.label)?.filter((x) => x) || [],
      personas: selectedFilters.personas?.map((id) => filterOptions.dimensions?.personas?.find((t) => t.value == id)?.label)?.filter((x) => x) || [],
      business_units: selectedFilters.business_units?.map((id) => filterOptions.dimensions?.business_units?.find((t) => t.value == id)?.label)?.filter((x) => x) || [],
      industries: selectedFilters.industries?.map((id) => filterOptions.dimensions?.industries?.find((t) => t.value == id)?.label)?.filter((x) => x) || [],
      products: selectedFilters.products?.map((id) => filterOptions.dimensions?.products?.find((t) => t.value == id)?.label)?.filter((x) => x) || [],
      solutions: selectedFilters.solutions?.map((id) => filterOptions.dimensions?.solutions?.find((t) => t.value == id)?.label)?.filter((x) => x) || [],
      content_types: selectedFilters.content_types?.map((id) => filterOptions.contentTypes?.find((t) => t.value == id)?.label)?.filter((x) => x) || [],
      funnel_stages: selectedFilters.funnel_stages?.map((id) => filterOptions.dimensions?.funnel_stages?.find((t) => t.value == id)?.label)?.filter((x) => x) || [],
      current_page: `${selectedFilters.page}`,
      ...userDefinedCategoryParams
    }));
  }

  async function pfGetContents({
    sectionNodeId,
    isLoadMore = false,
    updateParams = {}
  }) {
    const sectionSelector = `.section-${sectionNodeId}`;
    const contents = Array.from(document.querySelectorAll(`.section-${sectionNodeId} .pf-content-card`));
    const contentUuids = contents.map((c) => c.dataset.uuid).filter((x) => x);
    const landingPageId = "74909";
    const segmentGroupId = "";
    const api_url = `${jukeboxApiHost}/api/public/v3/get_contents/${window.location.search}`;
    const initialParams = {
      sort: "",
      page: 1,
      search: "",
      dimensions: [],
      languages: [],
      content_types: []
    };
    const newParams = {
      ...(window.pfResourceCenterParams?.[sectionNodeId] || initialParams),
      ...updateParams
    };
    window.pfResourceCenterParams = {
      ...(window.pfResourceCenterParams || {}),
      [sectionNodeId]: newParams
    };
    const body = {
      ...newParams,
      landingPageId,
      sectionNodeId,
      clientId,
      baseUrl: "https://www.netscout.com/resources",
      visitorUuid: pfGetCookie("vid"),
      sessionId: (pfGetCookie(/_pf_id.+/) || "").split(".")[5],
      segmentGroupId,
      loadedContentUuids: newParams.page === 1 ? [] : contentUuids
    };
    const response = await fetch(api_url, {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify(body)
    });
    const result = await response.json();

    window.pfResourceCenterParams[sectionNodeId] = {
      ...window.pfResourceCenterParams[sectionNodeId],
      totalContents: result.totalContents
    };
    window.document.dispatchEvent(new CustomEvent('pageMetadataUpdated', { detail: sectionNodeId }));

    const section = document.querySelector(sectionSelector);
    const contentListWrapper = section.querySelector(".pf-resource-center-cards-wrapper");
    const contentCardTemplate = section.querySelector(".pf-content-card.template");

    if (!contentCardTemplate || !contentListWrapper) return;

    if (!isLoadMore) contentListWrapper.innerHTML = "";

    const noResultsMessage = document.querySelector(".pf-no-results");
    if ((result.contents || []).length === 0 && !isLoadMore) {
      noResultsMessage.style.display = "";
    } else {
      noResultsMessage.style.display = "none";
    }

    // This is for dynamically updating filter status message for screen reader
    const resultCountMessage = document.querySelector(`${sectionSelector} .results-count`);
    if(resultCountMessage) {
       const numberOfResults = result && result.contents ? (result.contents).length : 0;
       resultCountMessage.textContent = `${numberOfResults} result${numberOfResults !== 1 ? 's' : ''} found`;
    }  

    (result.contents || []).forEach((c) => {
      const contentCard = contentCardTemplate.cloneNode(true);
      contentCard.dataset.uuid = c.uuid;
      contentCard.querySelector(".pf-content-card-title").textContent = c.title;
      contentCard.querySelector(".pf-content-card-thumbnail").src = c.thumbnail;
      contentCard.querySelector(".pf-content-card-thumbnail").setAttribute("alt", c.alt_text);
      contentCard.querySelector(".pf-content-card-link").href = c.url;
      const linkNode = contentCard.querySelector(".pf-content-card-link");
      if (linkNode.dataset.hasOwnProperty("lookbookOverlayHref")) {
        linkNode.dataset.lookbookOverlayHref = c.url;
      }
      const descriptionNode = contentCard.querySelector(".pf-content-card-description");
      if (descriptionNode && c.description) {
        descriptionNode.textContent = c.description;
        descriptionNode.parentElement.style.display = "";
      }
      const ctaLabelNode = contentCard.querySelector(".pf-content-card-cta");
      if (ctaLabelNode) {
        ctaLabelNode.textContent = c.ctaLabel;
      }

      const tagsOnCardWrapper = contentCard.querySelector(".pf-content-tag-on-card-wrapper");
      const tagsBelowCardWrapper = contentCard.querySelector(".pf-content-tag-below-card-wrapper");

      if (tagsOnCardWrapper || tagsBelowCardWrapper) {
        const tagOnCardTemplate = tagsOnCardWrapper?.querySelector(".pf-content-tag-on-card");
        const tagBelowCardTemplate = tagsBelowCardWrapper?.querySelector(".pf-content-tag-below-card");
        const enabledTagTypes = (tagBelowCardTemplate || tagOnCardTemplate).dataset.enabledTags.split(",");
        if (c.contentType && tagsOnCardWrapper && enabledTagTypes.includes("content_type")) {
          const contentTypeTag = tagOnCardTemplate.cloneNode();
          contentTypeTag.textContent = c.contentType;
          tagsOnCardWrapper.appendChild(contentTypeTag);
        }
        if (c.language && tagsOnCardWrapper && enabledTagTypes.includes("language")) {
          const languageTag = tagOnCardTemplate.cloneNode();
          languageTag.textContent = c.language;
          tagsOnCardWrapper.appendChild(languageTag);
        }
        const customCategoryDimensionsByType = customCategoryKeys.reduce((acc, item) => {
          const camelizedKey = item.replace(/(_\w)/g, function (match) {
            return match[1].toUpperCase();
          })
          if (c && c[camelizedKey]) {
            acc[item] = c[camelizedKey];
          }
          return acc;
        }, {});

        const dimensionsByType = {
          business_units: c.businessUnits,
          funnel_stages: c.funnelStages,
          industries: c.industries,
          personas: c.personas,
          products: c.products,
          solutions: c.solutions,
          topics: c.topics,
          ...customCategoryDimensionsByType 
        };    
        if (Object.values(dimensionsByType).flat().length > 0 && tagsBelowCardWrapper) {
          enabledTagTypes.forEach((type) => {
            const dimensions = dimensionsByType[type] || [];
            dimensions.forEach((d) => {
              const dimensionTag = tagBelowCardTemplate.cloneNode();
              dimensionTag.textContent = d;
              tagsBelowCardWrapper.appendChild(dimensionTag);
            });
          });
        }
        if(tagOnCardTemplate) tagOnCardTemplate.remove();
        if(tagBelowCardTemplate) tagBelowCardTemplate.remove();
        if (c.isPinned) {
          const pinnedTag = tagsOnCardWrapper.querySelector(".pf-pinned-content-tag");
          pinnedTag.style.display = "";
          tagsOnCardWrapper.style.display = "flex";
        }
      }

      contentCard.style.display = "";
      contentListWrapper.appendChild(contentCard);
    });
    pfUpdateCheckedFiltersCount(sectionNodeId);
    if (!isLoadMore) section.scrollIntoView();
  }

  async function pfGetFilters(sectionNodeId) {
    console.log("Warning: You are using a legacy version of the resource-center which is no longer supported.");
    const isContentPage = false;
    const urlParams = new URLSearchParams(window.location.search);
    const sectionSelector = `.section-${sectionNodeId}`;
    const contentPlayUuid = urlParams.get("pf_cpid");
    const campaignUuid = urlParams.get("pf_cid");
    const landingPageId =
      isContentPage
        ? urlParams.get("pflpid")
        : "74909";
    const lpSectionNodeId =
      isContentPage
        ? urlParams.get("pfsid")
        : sectionNodeId;
    const segmentGroupId = "";

    const contentPageParams = isContentPage ? {
      isContentPage: true,
      contentSource: "experience",
      templatedExperienceId: "20208"
    } : {};

    const apiUrl = new URL(`${jukeboxApiHost}/api/public/v3/get_filter_options`);
    const params = { ...contentPageParams, landingPageId, sectionNodeId: lpSectionNodeId, clientId, segmentGroupId, pf_cpid: contentPlayUuid, pf_cid: campaignUuid };
    apiUrl.search = new URLSearchParams(params);
    const response = await fetch(apiUrl);
    const result = await response.json();
    window.pfAllFilterOptions = result;

    if (typeof result?.totalContents === "number") {
      window.pfResourceCenterParams = {
        ...(window.pfResourceCenterParams || {}),
        [sectionNodeId]: {
          ...(window.pfResourceCenterParams?.[sectionNodeId] || {}),
          totalContents: result.totalContents || 0
        }
      };
      window.document.dispatchEvent(new CustomEvent('pageMetadataUpdated', { detail: sectionNodeId }));
    }

    const section = document.querySelector(sectionSelector);
    const allFiltersWrapper = section.querySelectorAll(".pf-resource-center-filters");

    if (allFiltersWrapper.length === 0) return;

    allFiltersWrapper.forEach((filtersWrapper) => {
      const filterOptionTemplate = filtersWrapper.querySelector(".pf-options.pf-template");
      const contentTypeOptionsWrapper =
        filtersWrapper.querySelector(".pf-options-wrapper-content_type")
          || filtersWrapper.querySelector(".pf-options-wrapper-content_types");
      const languageOptionsWrapper =
        filtersWrapper.querySelector(".pf-options-wrapper-language")
          || filtersWrapper.querySelector(".pf-options-wrapper-languages");

      if (contentTypeOptionsWrapper) {
        if (result.contentTypes.length === 0) {
          filtersWrapper.querySelector("[class*='select-content_type']").style.display = "none";
        } else {
          filtersWrapper.querySelector("[class*='select-content_type']").style.display = "";
          contentTypeOptionsWrapper.innerHTML = "";
        }
        result.contentTypes.forEach((ct) => {
          const contentTypeOption = filterOptionTemplate.cloneNode(true);
          const screenType = contentTypeOption?.querySelector(".pf-checkbox")?.getAttribute("data-screen");
          const idPrefix = screenType && screenType === "desktop" ? `${ct.label.replace(/\s/g, '')}-desktop` : `${ct.label.replace(/\s/g, '')}`;
          contentTypeOption.querySelector(".pf-label").textContent = ct.label;
          contentTypeOption.querySelector(".pf-label").setAttribute("for", `${idPrefix}-${[sectionNodeId]}`);
          contentTypeOption.querySelector(".pf-checkbox").id =`${idPrefix}-${[sectionNodeId]}`;
          contentTypeOption.querySelector(".pf-checkbox").name = ct.value;
          contentTypeOption.querySelector(".pf-checkbox").dataset.label = ct.label;
          contentTypeOption.style.display = "";
          contentTypeOption.querySelector(".pf-checkbox").addEventListener("change", (event) => {
            const currentCheckedValues = window.pfResourceCenterParams?.[sectionNodeId]?.["content_types"] || [];
            const checkedContentTypes =
              event.target.checked
                ? [...currentCheckedValues, ct.value]
                : currentCheckedValues.filter(x => x !== ct.value);
            const newParams = { ["content_types"]: checkedContentTypes, page: 1 };
            if (isContentPage) {
              pfGetContentPageContents({ sectionNodeId, updateParams: newParams });
            } else {
              pfGetContents({ sectionNodeId, updateParams: newParams });
            }
          });
          contentTypeOptionsWrapper.appendChild(contentTypeOption);
        });
      }

      if (languageOptionsWrapper) {
        if (result.languages.length === 0) {
          filtersWrapper.querySelector("[class*='select-language']").style.display = "none";
        } else {
          filtersWrapper.querySelector("[class*='select-language']").style.display = "";
          languageOptionsWrapper.innerHTML = "";
        }
        result.languages.forEach((l) => {
          const languageOption = filterOptionTemplate.cloneNode(true);
          const screenType = languageOption?.querySelector(".pf-checkbox")?.getAttribute("data-screen");
          const idPrefix = screenType && screenType === "desktop" ? `${l.label.replace(/\s/g, '')}-desktop` : `${l.label.replace(/\s/g, '')}`;
          languageOption.querySelector(".pf-label").textContent = l.label;
          languageOption.querySelector(".pf-label").setAttribute("for", `${idPrefix}-${[sectionNodeId]}`);
          languageOption.querySelector(".pf-checkbox").id = `${idPrefix}-${[sectionNodeId]}`;
          languageOption.querySelector(".pf-checkbox").name = l.value;
          languageOption.querySelector(".pf-checkbox").dataset.label = l.label;
          languageOption.style.display = "";
          languageOption.querySelector(".pf-checkbox").addEventListener("change", (event) => {
            const currentCheckedValues = window.pfResourceCenterParams?.[sectionNodeId]?.languages || [];
            const checkedLanguages =
              event.target.checked
                ? [...currentCheckedValues, l.value]
                : currentCheckedValues.filter(x => x !== l.value);
            const newParams = { ["languages"]: checkedLanguages, page: 1 };
            if (isContentPage) {
              pfGetContentPageContents({ sectionNodeId, updateParams: newParams });
            } else {
              pfGetContents({ sectionNodeId, updateParams: newParams });
            }
          });
          languageOptionsWrapper.appendChild(languageOption);
        });
      }

      const dimensionTypes = [
        "topics",
        "personas",
        "business_units",
        "industries",
        "products",
        "solutions",
        "funnel_stages",
        ...customCategoryKeys
      ];
      
      dimensionTypes.forEach((dt) => {
        const optionsWrapper = filtersWrapper.querySelector(`.pf-options-wrapper-${dt}`);
        if (optionsWrapper && (result.dimensions[dt] || []).length === 0) {
          filtersWrapper.querySelector(`.select-${dt}`).style.display = "none";
        }
        if (optionsWrapper && (result.dimensions[dt] || []).length > 0) {
          filtersWrapper.querySelector(`.select-${dt}`).style.display = "";
          optionsWrapper.innerHTML = "";
          result.dimensions[dt].forEach((d) => {
            const option = filterOptionTemplate.cloneNode(true);
            const screenType = option.querySelector(".pf-checkbox")?.getAttribute("data-screen");
            const idPrefix = screenType && screenType === "desktop" ? `${d.label.replace(/\s/g, '')}-desktop` : `${d.label.replace(/\s/g, '')}`;
            option.querySelector(".pf-label").textContent = d.label;
            option.querySelector(".pf-label").setAttribute("for", `${idPrefix}-${[sectionNodeId]}`);
            option.querySelector(".pf-checkbox").id = `${idPrefix}-${[sectionNodeId]}`;
            option.querySelector(".pf-checkbox").name = d.value;
            option.querySelector(".pf-checkbox").dataset.label = d.label;
            option.style.display = "";
            option.querySelector(".pf-checkbox").addEventListener("change", (event) => {
              const currentTypeCheckedValues = window.pfResourceCenterParams?.[sectionNodeId]?.[dt] || [];
              const newCurrentTypeCheckedValues =
                event.target.checked
                  ? [...currentTypeCheckedValues, d.value]
                  : currentTypeCheckedValues.filter(x => x !== d.value);
              const newCheckedDimensions = [
                ...dimensionTypes.map((type) => {
                  if (type !== dt) return window.pfResourceCenterParams?.[sectionNodeId]?.[type];
                }),
                newCurrentTypeCheckedValues
              ].filter(x => x);
              const newParams = {
                [dt]: newCurrentTypeCheckedValues,
                dimensions: newCheckedDimensions,
                page: 1
              };
              if (isContentPage) {
                pfGetContentPageContents({ sectionNodeId, updateParams: newParams });
              } else {
                pfGetContents({ sectionNodeId, updateParams: newParams });
              }
            });
            optionsWrapper.appendChild(option);
          });
        }
      });

      window.document.dispatchEvent(new CustomEvent('pfFiltersRendered', { detail: sectionNodeId }));
    });
  }

  async function pfGetContentPageContents({ isLoadMore = false, sectionNodeId, initialLimit, pageAfterInitialLimit, updateParams = {}}) {
    const urlParams = new URLSearchParams(window.location.search);
    const filterParams = ["topics", "languages", "personas", "business_units", "industries", "products", "solutions", "content_types", "funnel_stages", ...customCategoryKeys];
    filterParams.forEach((p) => urlParams.delete(p));
    const templatedExperienceId = "20208";
    const contentSource = "experience";
    const segmentGroupId = "";
    const landingPageId = urlParams.get("pflpid");
    const lpSectionNodeId = urlParams.get("pfsid");
    const contents = Array.from(document.querySelectorAll(`.section-${sectionNodeId} .pf-content-card`));
    const contentUuids = contents.map((c) => c.dataset.uuid).filter((x) => x);
    const api_url = `${jukeboxApiHost}/api/public/v3/get_contents/?${urlParams.toString()}`;
    const initialParams = {
      sort: "",
      page: 1,
      search: "",
      dimensions: [],
      languages: [],
      content_types: []
    };
    const newParams = {
      ...(window.pfResourceCenterParams?.[sectionNodeId] || initialParams),
      ...updateParams
    };
    window.pfResourceCenterParams = {
      ...(window.pfResourceCenterParams || {}),
      [sectionNodeId]: newParams
    };
    const body = {
      ...newParams,
      templatedExperienceId,
      contentSource,
      landingPageId,
      sectionNodeId: lpSectionNodeId,
      clientId,
      baseUrl: "https://www.netscout.com/resources",
      visitorUuid: pfGetCookie("vid"),
      sessionId: (pfGetCookie(/_pf_id.+/) || "").split(".")[5],
      segmentGroupId,
      isContentPage: true,
      loadedContentUuids: newParams.page === 1 ? [] : contentUuids
    };
    if (!isLoadMore && initialLimit) {
      body.limit = initialLimit;
    }
    const response = await fetch(api_url, {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify(body)
    });
    const result = await response.json();

    window.pfResourceCenterParams[sectionNodeId] = {
      ...window.pfResourceCenterParams[sectionNodeId],
      totalContents: result.totalContents
    };

    if (!isLoadMore && pageAfterInitialLimit) {
      window.pfResourceCenterParams[sectionNodeId].page = pageAfterInitialLimit;
    }

    window.document.dispatchEvent(new CustomEvent('pageMetadataUpdated', { detail: sectionNodeId }));

    // The following will handle desktop and mobile content lists
    const contentListWrappers = document.querySelectorAll(".pf-cards-wrapper");
    contentListWrappers.forEach((contentListWrapper) => {
      const contentCardTemplate = contentListWrapper.querySelector(".pf-content-card.template");
      const loadMoreButton = contentListWrapper.querySelector(".pf-load-more");

      if (!contentCardTemplate) return;

      if (!isLoadMore) {
        contentListWrapper.innerHTML = "";
        contentCardTemplate.style.display = "none";
        contentListWrapper.appendChild(contentCardTemplate);

        const noResultsMessages = document.querySelectorAll(".pf-no-results");
        if ((result.contents || []).length === 0) {
          noResultsMessages.forEach((noResultsMessage) => {
            noResultsMessage.style.display = "block";
          });
        } else {
          noResultsMessages.forEach((noResultsMessage) => {
            noResultsMessage.style.display = "none";
          });
        }
      };

      (result.contents || []).forEach((c) => {
        const contentCard = contentCardTemplate.cloneNode(true);
        const thumbnail = contentCard.querySelector(".pf-content-card-thumbnail");
        const pinnedTag = contentCard.querySelector(".pf-pinned-content-tag");
        const tagTemplate = contentCard.querySelector(".pf-content-tag");
        contentCard.dataset.uuid = c.uuid;
        contentCard.classList.remove("template");
        contentCard.querySelector(".pf-content-card-title").textContent = c.title;
        if (thumbnail) { 
          thumbnail.src = c.thumbnail;
          thumbnail.setAttribute("alt", c.alt_text);
        }
        contentCard.querySelector(".pf-content-card-link").href = c.url;
        contentCard.querySelector(".pf-content-card-link").onclick = () => {
          window['initializeContentEvents'] && typeof window['initializeContentEvents'] === 'function' && window['initializeContentEvents']('contentClick', {contentId: c.id});
        };
        if (c.isPinned && pinnedTag) { pinnedTag.style.display = "" }
        if (tagTemplate) {
          const enabledTags = (tagTemplate.dataset.enabledContentTags || "").split(",").filter(x => x);
          if (enabledTags.length > 0) {
            const tagsWrapper = contentCard.querySelector(".pf-content-tags-wrapper");
            enabledTags.forEach((tagType) => {
              const camelizedKey = tagType.replace(/(_\w)/g, function (match) {
                return match[1].toUpperCase();
              });
              [c[camelizedKey] || []].flat().forEach((tag) => {
                const newTag = tagTemplate.cloneNode(true);
                newTag.textContent = tag;
                newTag.style.display = "block";
                tagsWrapper.appendChild(newTag);
              });
            });
          }
        }
        contentCard.style.display = "";
        contentListWrapper.appendChild(contentCard);
      });

      if (loadMoreButton) {
        contentListWrapper.appendChild(loadMoreButton); // Moves the button back to bottom
        const totalPages = Math.ceil(window.pfResourceCenterParams[sectionNodeId].totalContents / window.pfResourceCenterParams[sectionNodeId].limit);
        if (window.pfResourceCenterParams[sectionNodeId].page == totalPages) {
          loadMoreButton.style.display = "none";
        }
      }

      pfUpdateCheckedFiltersCount(sectionNodeId);
      pfUpdateUrlsWithFilterParams(sectionNodeId);
    });
  }

  function handleFilterChange(nodeId) {
    const isDeviceMobile = window.innerWidth <= 640;
    const isDeviceTablet = window.innerWidth <= 1024;
    const mobileFilters = document.querySelector(`.section-${nodeId} .mobile-filters-container`);
    const mobileFiltersVisible = mobileFilters && window.getComputedStyle(mobileFilters).display !== "none";
    const filters =
      mobileFiltersVisible
        ? mobileFilters
        : document.querySelector(`.section-${nodeId} .filters-container`);
    const search = document.querySelector(`#search-${nodeId}`)?.value?.toLowerCase() || "";
    const selectedTopics = filters.querySelector(".select-topics")?.value || [];
    const selectedLanguages = filters.querySelector(".select-languages")?.value || [];
    const selectedPersonas = filters.querySelector(".select-personas")?.value || [];
    const selectedBusinessUnits = filters.querySelector(".select-business_units")?.value || [];
    const selectedIndustries = filters.querySelector(".select-industries")?.value || [];
    const selectedProducts = filters.querySelector(".select-products")?.value || [];
    const selectedSolutions = filters.querySelector(".select-solutions")?.value || [];
    const selectedContentTypes = filters.querySelector(".select-content_types")?.value || [];
    const selectedFunnelStages = filters.querySelector(".select-funnel_stages")?.value || [];
    const filterObj = {
      topics: selectedTopics,
      languages: selectedLanguages,
      personas: selectedPersonas,
      business_units: selectedBusinessUnits,
      industries: selectedIndustries,
      products: selectedProducts,
      solutions: selectedSolutions,
      content_types: selectedContentTypes,
      funnel_stages: selectedFunnelStages
    };
    const carouselArrow = document.querySelector(`.carousel-arrows-${nodeId}`);
    const carouselSection = document.querySelector(`.carousel-${nodeId}`);
    const configuredTilesPerRow = carouselSection ? carouselSection?.dataset?.tilesPerRow : "";
    const tabletTilesPerRow = configuredTilesPerRow === "1" ? "1" : "2";
    const tilesPerRow = Number(isDeviceMobile ? "1" : (isDeviceTablet ? tabletTilesPerRow : configuredTilesPerRow));
    
    customCategories.forEach(filter => {
      const className = `.select-${filter.value}`;
      const selectedValue = filters.querySelector(className)?.value || []
      filterObj[filter.value] = selectedValue;
    })

    const newQueryString = convertToQueryParams(filterObj);
    reconstructUrl(newQueryString);
    window.assets = window.assets || {};
    if (!window.assets[`asset-${nodeId}`]) {
      window.assets[`asset-${nodeId}`] = document.querySelectorAll(`.assets-${nodeId} > .asset`);
    }
    
    const matches = Array.from(window.assets[`asset-${nodeId}`]).filter((asset) => {
      const topicMatches = selectedTopics.length == 0 || selectedTopics.findIndex((topic) => asset.dataset.topics.includes(topic)) > -1;
      const searchMatches = asset.dataset.title.toLowerCase().includes(search) || !search;
      const languageMatches = selectedLanguages.length == 0 || selectedLanguages.findIndex((language) => asset.dataset.language.includes(language)) > -1;
      const personaMatches = selectedPersonas.length == 0 || selectedPersonas.findIndex((persona) => asset.dataset.personas.includes(persona)) > -1;
      const businessUnitMatches = selectedBusinessUnits.length == 0 || selectedBusinessUnits.findIndex((value) => asset.dataset.businessUnits.includes(value)) > -1;
      const industryMatches = selectedIndustries.length == 0 || selectedIndustries.findIndex((value) => asset.dataset.industries.includes(value)) > -1;
      const productMatches = selectedProducts.length == 0 || selectedProducts.findIndex((value) => asset.dataset.products.includes(value)) > -1;
      const solutionMatches = selectedSolutions.length == 0 || selectedSolutions.findIndex((value) => asset.dataset.solutions.includes(value)) > -1;
      const contentTypeMatches = selectedContentTypes.length == 0 || selectedContentTypes.findIndex((value) => asset.dataset.contentType.includes(value)) > -1;
      const funnelStageMatches = selectedFunnelStages.length == 0 || selectedFunnelStages.findIndex((value) => asset.dataset.funnelStages.includes(value)) > -1;

      const customCategoriesMatches = customCategories.every(category => {
        const customFilter = category.value;
        if (filterObj[customFilter].length === 0) return true;
        const dataSetKey = "data-" + customFilter.replaceAll("_", "-") 
        return filterObj[customFilter].some(value => asset.getAttribute(dataSetKey)?.includes(value));
      });

      const isPinned = asset.dataset.isPinned == "true";

      const assetMatchesAllFilters =
        isPinned ||
          (
            topicMatches && searchMatches && languageMatches && personaMatches && businessUnitMatches &&
              industryMatches && productMatches && solutionMatches && contentTypeMatches &&
              funnelStageMatches && customCategoriesMatches
          );

      if (assetMatchesAllFilters) {
        asset.style.display = "";
      } else {
        asset.style.display = "none";
      }
      
      return assetMatchesAllFilters;
    });
    if (matches.length === 0) {
      document.querySelectorAll(`.section-${nodeId} .no-results`).forEach((noResultsMessage) => {
        noResultsMessage.classList.remove("hidden");
      });

      // This is for dynamically updating filter status message for screen reader
      document.querySelectorAll(`.section-${nodeId} .results-count`)?.forEach((resultCountMessage) => {
        resultCountMessage.textContent  =  `${matches.length} result found`;
      });
    } else {
      document.querySelectorAll(`.section-${nodeId} .no-results`).forEach((noResultsMessage) => {
        noResultsMessage.classList.add("hidden");
      });

      // This is for dynamically updating filter status message for screen reader
      document.querySelectorAll(`.section-${nodeId} .results-count`)?.forEach((resultCountMessage) => {
        resultCountMessage.textContent  =  `${matches.length} results found`;
      });
    }
     
    const updatedAssets = document.createDocumentFragment();
    const bulletsContainer = document.querySelector(`.carousel-${nodeId} .glide__bullets`);
    const showCarouselArrow = matches.length > tilesPerRow;

    if (bulletsContainer) {
      const updatedBulletContainer = document.createDocumentFragment();
      bulletsContainer.innerHTML = '';
      matches.forEach((asset, index) => {
          updatedAssets.appendChild(matches[index]);
           const i = index + 1;
          if (tilesPerRow) {
            const remainder = (i + tilesPerRow)  % tilesPerRow;
            const buttonElement = document.createElement('button');
            buttonElement.className = `glide__bullet ${!(remainder == 1 || tilesPerRow == 1) && 'glide__bullet--between'}`;
            buttonElement.setAttribute('data-glide-dir', `=${i-1}`);
            buttonElement.setAttribute('aria-label', `scroll to content ${i}`);
            updatedBulletContainer.appendChild(buttonElement);
          }
      });
      const carouselContainer = document.querySelector(`.carousel-${nodeId} .assets-${nodeId}`);
      if (carouselContainer) {
        carouselContainer.innerHTML = '';
        carouselContainer.appendChild(updatedAssets);
      }
      updatedBulletContainer && bulletsContainer.appendChild(updatedBulletContainer);
      if (window.pfGlides && window.pfGlides[`glide-${nodeId}`]) {
        const mountAndGo = window.customThrottle(() => {
          window.pfGlides[`glide-${nodeId}`].destroy();
          const carousel = document.querySelector(`.carousel-${nodeId}`);
          if (carousel) {
            window.pfGlides[`glide-${nodeId}`] = new Glide(carousel, window.carouselConfiguration ? window.carouselConfiguration[`glide-${nodeId}`] : {});
            window.pfGlides[`glide-${nodeId}`].mount();
            window.pfGlides[`glide-${nodeId}`].go('=0');
          }
        }, 1000);
        mountAndGo();
      }
    }

    function showHideCarouselActions(type) {
      if (bulletsContainer) {
        bulletsContainer.style.display = type;
      }
      if (carouselArrow?.style) {
        carouselArrow.style.display = type;
      }
    }
    showHideCarouselActions(showCarouselArrow ? "" : "none");
  }
</script>



<script>
  function trapElementFocus(wrapper, event) {
    if (wrapper && !wrapper.classList.contains("hidden")) {
      function isVisible(element) {
        return element.offsetParent !== null;
      }
  
      let wrapperElements = [
        ...wrapper.querySelectorAll(
          "button, a[href], input, select, textarea, [tabindex]:not([tabindex='-1'])"
        ),
      ].filter((el) => isVisible(el) && el.tabIndex !== -1);
  
      if (wrapperElements.length > 0) {
        const firstElement = wrapperElements[0];
        const lastElement = wrapperElements[wrapperElements.length - 1];
  
        if (event.shiftKey && document.activeElement === firstElement) {
          lastElement.focus();
          event.preventDefault();
        } else if (!event.shiftKey && document.activeElement === lastElement) {
          firstElement.focus();
          event.preventDefault();
        }
      }
    }
  }
</script>


<script defer>
  const pfShowCookieSettingsModal = () => {
    const cookieSettingsContainer = document.querySelector("#qa-modal-container");
    const cookieSettingsModal = document.querySelector("#qa-modal-background");
    if (cookieSettingsModal && cookieSettingsContainer) {
      cookieSettingsModal.style.display = "block";
      cookieSettingsContainer.style.display = "block";
      const toggle = cookieSettingsContainer.querySelector("#optIn-checkbox");
      toggle.checked = pfConsentStatus();
    }
  };
</script>


<script defer>
  document.addEventListener("click", (event) => {
    document.querySelectorAll(".select-container").forEach((select) => {
      if (!select.contains(event.target)) {
        select.querySelector(".dropdown-list").classList.add("hidden");
      }
    });
  });
</script>


<script>
  document.addEventListener("DOMContentLoaded", () => {
    const hash = window.location.hash;
    if (hash) {
      const observer = new MutationObserver((mutations) => {
        const target = document.querySelector(hash);
        if (!target) return;
        setTimeout(() => {
          target.scrollIntoView({ behavior: "smooth" });
          observer.disconnect();
        }, 50);             
      });
      observer.observe(document.body, { childList: true, subtree: true });
    }
  });
</script>






<script>
  (function(j,o,u,r,n,e,y){j["pfObject"]=n;j[n]=j[n]||function(){
    (j[n].q=j[n].q||[]).push(arguments)},j[n].l=1*new Date();e=o.createElement(u),
    y=o.getElementsByTagName(u)[0];e.async=1;e.src=r;y.parentNode.insertBefore(e,y)
  })(window,document,"script","https://cdn-app.pathfactory.com/libraries/journey/current/journey.js","pf");
  pf("create", "LB-C2343172-11187", {
    appId: "b48939b7-9c2b-4de7-8974-86e493080733",
    collectorUrl: "spcollector.pathfactory.com",
    consentDeclinedCookieLifetimeDays: "1/48",
    contentId: '1067781',
    contentUuid: "fd4c44be-d54d-49b3-a494-3bae7e8dc948",
    cookieLifetimeDays: "366",
    experienceId: '215671',
    experienceUuid: "92acfffb-b819-4421-bb07-48534853fd4e",
    gdprCookieConsentEnabled: true,
    marketingAutomationPlatform: "pardot",
    landingPageContentUuid: "",
    jukeboxApiHost: "https://jukebox.pathfactory.com",
    collectionUuid: "",
    childTrackExperienceUuid: "",
    enableDemandBase: true,
    enableNvidiaNcidCookie: false,
    baseUrl: "https://www.netscout.com/resources",
    segmentGroupId: "",
    enableSixSense: false,
    sixSenseApiKey: "",
    sixSenseCustomIdToken: "",
    sixSenseCacheDuration: "86400",
    requestIp: "157.52.64.68",
    engagementThreshold: 0,
    contentTitle: "Resource Center",
    contentUrl: "resource-center-home-page",
    experienceTypeValue: "5",
    snowplowSignalsEnabled: false
  });
</script>



<script>
  const elementInView = (elem) => {
      if (!elem) {
      return;
      }
      var bounding = elem.getBoundingClientRect();
      return (
      bounding.top >= 0 &&
      bounding.left >= 0 &&
      bounding.bottom <=
          (window.innerHeight || document.documentElement.clientHeight) &&
      bounding.right <=
          (window.innerWidth || document.documentElement.clientWidth)
      );
  };
  window.customThrottle = (cb, delay) => {
      let wait = false;
      let storedArgs = null;
  
      const checkStoredArgs = () => {
          if (storedArgs == null) {
              wait = false;
          } else {
              cb(...storedArgs);
              storedArgs = null;
              setTimeout(checkStoredArgs, delay);
          }
      };
  
      return (...args) => {
          if (wait) {
              storedArgs = args;
              return;
          }
      
          cb(...args);
          wait = true;
          setTimeout(checkStoredArgs, delay);
      };
  };
</script>


<script>
  window.viewedEmbedForms = [];
  const embedFormLoaded = (retryCount, formId, formType) => {
    setTimeout(() => {
      if (window["showForm"] && typeof window["showForm"] === "function") {
        window.showForm({
          formType: formType,
          formData: { value: formId }
        });
      } else if (retryCount < 5) {
        retryCount++;
        embedFormLoaded(retryCount, formId, formType);
      }
    }, 500);
  };
  const initEmbedFormShow = (formId, formType, nodeId) => {
    const scrollElementToView = () => {
      if (window.viewedEmbedForms && !window.viewedEmbedForms.includes(nodeId)) {
        const embedFormView = elementInView && elementInView(document.querySelector(`.embed-form-section-${nodeId} .embed-form-container`));
        if (embedFormView) {
          embedFormLoaded && embedFormLoaded(0, formId, formType);
          window.viewedEmbedForms.push(nodeId);
        }
      }
    }
    if (window.customThrottle) {
      document.addEventListener("scroll", window.customThrottle(scrollElementToView, 1000));
    }
  }
</script>


  <script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0&features=Promise"></script>
  <script>
    if (window.Promise) {
      window.pfResolveJukeboxLoaded;
      window.pfOnJukeboxLoad = new Promise(function (resolve) {
        window.pfResolveJukeboxLoaded = resolve;
      });
    }
  </script>



<script>
  window.getPFContact = function() {
    var api_host = "https://www.netscout.com/resources";
    return fetch(`${api_host}/get_contact`);
  };
</script>


<script defer>
  function handleOverlay(retries = 0) {
    var nextRetryCount = retries + 1;
    var rawOverlayUrl =
      window.location.search.substring(1).split("&").filter(function(query) {
        return query.indexOf("overlay_url=") == 0
      })[0]
    var overlayUrl = rawOverlayUrl ? decodeURIComponent(rawOverlayUrl.replace("overlay_url=", "")) : null;
    var overlayContentLink = document.querySelector(`a[data-lookbook-overlay-href^="${overlayUrl}"]`);
    const browserHost = new URL(window.location.href).hostname;
    const overlayUrlHost = (() => {
      try {
        const parsedUrl = new URL(overlayUrl);
        const parsedProtocol = parsedUrl.protocol;
        if (["https:", "http:"].includes(parsedProtocol)) {
          return parsedUrl.hostname;
        } else {
          return null;
        }
      } catch {
        return null;
      }
    })();
    const validOverlayUrl = !!overlayUrlHost && browserHost === overlayUrlHost;
    if (overlayUrl && overlayContentLink) {
      overlayContentLink.click()
    } else if (overlayUrl && validOverlayUrl) {
      var a = document.createElement('a');
      a.setAttribute("data-lookbook-overlay-href", overlayUrl);
      a.setAttribute("data-lookbook-close-background-color", "#006068");
      a.href = overlayUrl;
      a.style.display = "hidden";
      document.body.appendChild(a);
      a.click();    
    } else if (retries <= 10) {
      setTimeout(function() { handleOverlay(nextRetryCount) }, 500);
    }
  };

  document.addEventListener("DOMContentLoaded", () => {
    handleOverlay();
  });
</script>

<script>
  function pfSelectElements({selector, indexes}, callback) {
    let elements = Array.from(document.querySelectorAll(selector));

    if (Array.isArray(indexes)) {
      elements = elements.filter((_x, i) => indexes.includes(i));
    }

    elements.forEach((e, i) => callback(e, i));
  }

  function pfStripTextContent(targetNode) {
    let totalChars = 0;

    function removeText(node) {
      if (node.nodeType === Node.TEXT_NODE) {
        totalChars += node.textContent.length;
        node.textContent = '';
      }
  
      if (node.nodeType === Node.ELEMENT_NODE) {
        if (node.tagName.toLowerCase() === "li" && node.textContent.trim() !== "") {
          node.style.visibility = "hidden";
        }
        node.childNodes.forEach(removeText);
      }
    }

    removeText(targetNode);

    return totalChars;
  }

  function pfGetTextNodes(targetNode) {
    const textNodes = [];
    const treeWalker = document.createTreeWalker(
      targetNode,
      NodeFilter.SHOW_TEXT,
    );

    while (treeWalker.nextNode()) {
      textNodes.push({ text: treeWalker.currentNode.data, textNode: treeWalker.currentNode});
    }

    return textNodes;
  }
  
  function pfApplyTypewriterAnimation({
    selector,
    indexes = undefined,
    duration = 3,
    delay = 1,
    loop = false,
    loopDelay = 0
  }) {
    pfSelectElements({ selector, indexes }, (element, i) => {
      element.style.visibility = "hidden";
      let step = 0;
      setTimeout(() => {
        const elementOriginalHeight = element.offsetHeight;
        element.style["min-height"] = `${elementOriginalHeight}px`;
        const textNodes = pfGetTextNodes(element);
        const totalChars = pfStripTextContent(element);
        const interval = Math.floor((duration * 1000) / totalChars);
        element.style.visibility = "";
        textNodes.forEach((tn) => {
          for (let i = 1; i <= tn.text.length; i++) {
            step++;
            setTimeout(() => {
              if (tn.textNode.parentNode.closest("li")) {
                tn.textNode.parentNode.closest("li").style.visibility = "";
              }
              tn.textNode.textContent = tn.text.substring(0, i);
            }, interval * step);
          }
        });

        setTimeout(() => {
          element.style["min-height"] = "";
        }, duration * 1000);

        if (loop && i === 0) {
          setTimeout(() => {
            pfApplyTypewriterAnimation({ selector, indexes, duration, delay, loop, loopDelay });
          }, (duration + loopDelay) * 1000);
        }
      }, delay * 1000);
    });
  }

  function pfApplySlideAnimation({
    selector,
    indexes = undefined,
    direction = "right",
    duration = 2,
    delay = 1,
    loop = false,
    loopDelay = 0
  }) {
    pfSelectElements({ selector, indexes }, (element, i) => {
      const initialState = {
        right: { axis: "X", axisDirection: "-", unit: "vw" },
        left: { axis: "X", axisDirection: "", unit: "vw" },
        top: { axis: "Y", axisDirection: "", unit: "vh" },
        bottom: { axis: "Y", axisDirection: "-", unit: "vh" }
      }[direction] || { axis: "X", axisDirection: "-", unit: "vw" };
    
      const section = element.closest("section");
      section.style.overflow = "hidden";
      element.style.transition = "";
      element.style.transform = `translate${initialState.axis}(${initialState.axisDirection}100${initialState.unit})`;
    
      setTimeout(() => {
        element.style.transition = `transform ${duration}s ease`;
        element.style.transform = `translate${initialState.axis}(0)`;
        element.style.transform = "";

        setTimeout(() => {
          section.style.overflow = "";
        }, duration * 1000);

        if (loop && i === 0) {
          setTimeout(() => {
            pfApplySlideAnimation({ selector, indexes, direction, duration, delay, loop, loopDelay });
          }, (duration + loopDelay) * 1000);
        }
      }, delay * 1000);
    });
  }

  function pfApplyFadeAnimation({
    selector,
    indexes = undefined,
    duration = 2,
    delay = 1,
    loop = false,
    loopDelay = 0
  }) {
    pfSelectElements({ selector, indexes }, (element, i) => {
      element.style.transition = "";
      element.style.opacity = 0;
      element.offsetHeight;

      setTimeout(() => {
        element.style.transition = `opacity ${duration}s ease`;
        element.style.opacity = 1;

        if (loop && i === 0) {
          setTimeout(() => {
            pfApplyFadeAnimation({ selector, indexes, duration, delay, loop, loopDelay });
          }, (duration + loopDelay) * 1000);
        }
      }, delay * 1000);
    });
  }

  function pfApplyExpandAnimation({
    selector,
    indexes = undefined,
    duration = 2,
    delay = 1,
    loop = false,
    loopDelay = 0
  }) {
    pfSelectElements({ selector, indexes }, (element, i) => {
      element.style.transition = "";
      element.style.transform = "scale(0)";
      element.style.transformOrigin = "center";
      element.offsetHeight;

      setTimeout(() => {
        element.style.transition = `transform ${duration}s ease`;
        element.style.transform = "scale(1)";
        element.style.transform = "";

        if (loop && i === 0) {
          setTimeout(() => {
            pfApplyExpandAnimation({ selector, indexes, duration, delay, loop, loopDelay });
          }, (duration + loopDelay) * 1000);
        }
      }, delay * 1000);
    });
  }

  function pfApplySqueezeAnimation({
    selector,
    indexes = undefined,
    duration = 2,
    delay = 1,
    loop = false,
    loopDelay = 0
  }) {
    pfSelectElements({ selector, indexes }, (element, i) => {
      element.style.animation = "";
      element.style.transformOrigin = "center";

      setTimeout(() => {
        element.style.animation = `squeeze ${duration}s ease`;

        if (loop && i === 0) {
          setTimeout(() => {
            pfApplySqueezeAnimation({ selector, indexes, duration, delay, loop, loopDelay });
          }, (duration + loopDelay) * 1000);
        }
      }, delay * 1000);
    });
  }

  function pfAnimationFunctions(type) {
    return (
      {
        typewriter: pfApplyTypewriterAnimation,
        expand: pfApplyExpandAnimation,
        squeeze: pfApplySqueezeAnimation,
        fade: pfApplyFadeAnimation,
        slide: pfApplySlideAnimation
      }[type] || (() => {})
    );
  }
</script>

<style>
  @keyframes squeeze {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(0.5);
    }
    100% {
      transform: scale(1);
    }
  }
</style>


  

  

  

  



<style>
  .glide__arrow {
    color: rgba(25, 25, 25, 0.5);
    top: 40%;
    border: none;
    box-shadow: none;
  }
  .glide__arrow--left {
    left: -40px;
  }
  .glide__arrow--right {
    right: -40px;
  }
  .glide__bullets {
    bottom: 0;
  }
  .glide__bullet {
    width: 15px;
    height: 15px;
    background-color: rgba(125, 125, 125, 0.5);
  }
  .glide__bullet--active {
    background-color: #006068;
  }
  .glide__bullet:hover,
  .glide__bullet:focus {
    background-color: #006068;
  }
  .glide__bullet--between {
    display: none;
  }
  .glide__bullet--between.glide__bullet--active {
    display: block;
    position: relative;
    left: -23px;
    margin-right: -19px;
  }
</style>



<style>
  #content-page {
    height: 100vh;
  }
  .video-js { width: 100%; height: 100% }
</style>


<style>
  .pf-full-width-rte .pf-rte-wrapper {
    width: 100%;
  }
  .pf-rte-wrapper ul, .pf-rte-wrapper ol {
    list-style: revert;
    list-style-position: inside;
    margin: revert;
    padding: revert;
  }
  .pf-rte-wrapper menu {
    list-style: revert !important;
    margin: revert !important;
    padding: revert !important;
  }
  .pf-rte-wrapper ul p, .pf-rte-wrapper ol p {
    display: inline;
  }
</style>


<style>
  .pf-aem-fragment .container {
    max-width: none;
  }
</style>


<style>
  html {
    scroll-behavior: smooth;
  }
</style>


<style>
  .lookbook-overlay {
    z-index: 10000000;
  }
</style>


<style>
  body:has(div[class*='pf-modal'][style*='display: block']) {
    overflow: hidden;
  }
</style>


<style>
  .pf-ai-response ul {
    list-style: revert;
    margin: revert;
    padding: revert;
  }
</style>


<style>
  .visually-hidden {
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
      height: 1px;
      overflow: hidden;
      position: absolute;
      white-space: nowrap;
      width: 1px;
  }
</style>


<style>
  header:has(.pf-modal[style*="display: block"]) ~ header {
    position: relative;
    z-index: 0;
  }
  header:hover ~ header {
    position: relative;
    z-index: 0;
  }
</style>


<link href="//fonts.googleapis.com/css?family=Raleway:300,400,500,600,700|Roboto:300,400,500,700|Lato:300,400,700" media="screen" rel="stylesheet" type="text/css" />

<style>
	@font-face {
    font-family: OpenSansVariableFont;
    src: url('https://cdn.pathfactory.com/assets/2/fonts/da7dfd8b-6542-4924-99e9-a12dec1a39e3.ttf') format('truetype');
  }
	@font-face {
    font-family: OpenSansVariableFontItalic;
    src: url('https://cdn.pathfactory.com/assets/2/fonts/22e08ec6-e4b4-4191-8615-46b3330c0066.ttf') format('truetype');
  }</style>
<style>.pf_font_preset_0 { font-size: 54px; font-weight: 700; font-family: OpenSansVariableFont; line-height: 75px; } .pf_font_preset_1 { font-size: 34px; font-weight: 600; font-family: OpenSansVariableFont; line-height: 44.2px; } .pf_font_preset_2 { font-size: 20px; font-weight: 600; font-family: OpenSansVariableFont; line-height: 26px; } .pf_font_preset_3 { font-size: 18px; font-weight: 600; font-family: OpenSansVariableFont; line-height: 23.4px; } .pf_font_preset_4 { font-size: 26px; font-weight: 600; font-family: OpenSansVariableFont; line-height: 38px; } .pf_font_preset_5 { font-size: 20px; font-weight: 600; font-family: OpenSansVariableFont; line-height: 32px; } .pf_font_preset_6 { font-size: 16px; font-weight: 700; font-family: OpenSansVariableFont; line-height: 22px; } .pf_font_preset_7 { font-size: 18px; font-weight: 700; font-family: OpenSansVariableFont; line-height: 28px; } p[style*="line-height"] .pf_font_preset_0, h1[style*="line-height"] .pf_font_preset_0, h2[style*="line-height"] .pf_font_preset_0, h3[style*="line-height"] .pf_font_preset_0, h4[style*="line-height"] .pf_font_preset_0, blockquote[style*="line-height"] .pf_font_preset_0, li[style*="line-height"] .pf_font_preset_0, p[style*="line-height"] .pf_font_preset_1, h1[style*="line-height"] .pf_font_preset_1, h2[style*="line-height"] .pf_font_preset_1, h3[style*="line-height"] .pf_font_preset_1, h4[style*="line-height"] .pf_font_preset_1, blockquote[style*="line-height"] .pf_font_preset_1, li[style*="line-height"] .pf_font_preset_1, p[style*="line-height"] .pf_font_preset_2, h1[style*="line-height"] .pf_font_preset_2, h2[style*="line-height"] .pf_font_preset_2, h3[style*="line-height"] .pf_font_preset_2, h4[style*="line-height"] .pf_font_preset_2, blockquote[style*="line-height"] .pf_font_preset_2, li[style*="line-height"] .pf_font_preset_2, p[style*="line-height"] .pf_font_preset_3, h1[style*="line-height"] .pf_font_preset_3, h2[style*="line-height"] .pf_font_preset_3, h3[style*="line-height"] .pf_font_preset_3, h4[style*="line-height"] .pf_font_preset_3, blockquote[style*="line-height"] .pf_font_preset_3, li[style*="line-height"] .pf_font_preset_3, p[style*="line-height"] .pf_font_preset_4, h1[style*="line-height"] .pf_font_preset_4, h2[style*="line-height"] .pf_font_preset_4, h3[style*="line-height"] .pf_font_preset_4, h4[style*="line-height"] .pf_font_preset_4, blockquote[style*="line-height"] .pf_font_preset_4, li[style*="line-height"] .pf_font_preset_4, p[style*="line-height"] .pf_font_preset_5, h1[style*="line-height"] .pf_font_preset_5, h2[style*="line-height"] .pf_font_preset_5, h3[style*="line-height"] .pf_font_preset_5, h4[style*="line-height"] .pf_font_preset_5, blockquote[style*="line-height"] .pf_font_preset_5, li[style*="line-height"] .pf_font_preset_5, p[style*="line-height"] .pf_font_preset_6, h1[style*="line-height"] .pf_font_preset_6, h2[style*="line-height"] .pf_font_preset_6, h3[style*="line-height"] .pf_font_preset_6, h4[style*="line-height"] .pf_font_preset_6, blockquote[style*="line-height"] .pf_font_preset_6, li[style*="line-height"] .pf_font_preset_6, p[style*="line-height"] .pf_font_preset_7, h1[style*="line-height"] .pf_font_preset_7, h2[style*="line-height"] .pf_font_preset_7, h3[style*="line-height"] .pf_font_preset_7, h4[style*="line-height"] .pf_font_preset_7, blockquote[style*="line-height"] .pf_font_preset_7, li[style*="line-height"] .pf_font_preset_7 { line-height: inherit !important; } @media (max-width: 640px) { .pf_font_preset_0 { font-size: 32px; line-height: 38.4px; } .pf_font_preset_1 { font-size: 22px; line-height: 28.6px; } .pf_font_preset_2 { font-size: 16px; line-height: 20.8px; } .pf_font_preset_3 { font-size: 14px; line-height: 18.2px; } .pf_font_preset_4 { font-size: 19.2px; line-height: 24.96px; } .pf_font_preset_5 { font-size: 14px; line-height: 19.6px; } .pf_font_preset_6 { font-size: 14px; line-height: 19.6px; } .pf_font_preset_7 { font-size: 14px; line-height: ; } }</style>

     <style>
   body {
        -webkit-font-smoothing: antialiased;
    }
   
 h1 {
 letter-spacing: -1.08px;
   font-weight: 650!important;
 }

   strong {
     font-weight: bold;
   }

   .pf-hero-background .section-base,
   .pf-hero .section-base,
   .customContentList .section-base,
   .pf-header .section-base,
   .pf-hero-plain-text .section-base {
     max-width: 1480px;
   }


     .pf-cta {
       padding: 8px 28.8px;
       transition: all .3s ease-in-out;
       border: none;
     }


  button.pf-lazy-load-button{
      background-color:rgb(0 96 104);
    color: #ffffff;
    border-width: 2px;
    padding: 11px 32px;
    border-color: rgb(0 96 104);
  
  }
    button.pf-lazy-load-button:hover{
      color:rgb(0 96 104);
    background-color: #ffffff;
    border-width: 2px;
  }

   /* .pf-content-card-thumbnail {
     object-position: 0 0;
   } */

  .pf-resource-center-filters {
  .pf-options {
  display: flex;
  }
  .pf-checkbox {
  margin-top: 10px;
  }
    .pf-selected-options-count {
      width: 28px;
    }
  }

/* Content Playlist */
  #sidebar {
  .asset:hover {
  background-color: #EFEFEF;
  }
  .pf-content-card-title {
  font-weight: 600!important;
  }
  .flex.justify-center.flex-wrap.h-auto,
  section .mb-3 {
  background-color: #323E48;
  }
  section .mb-3 {
  padding-bottom: 26px;
  margin-bottom: 0px;
  }
  .flex.justify-center.flex-wrap.h-auto {
  padding-top: 37px;
    padding-bottom: 37px;
  }
    .ml-3.mt-2.mr-2.flex-nowrap {
      margin-top: 0px;
    }
  input[type="search"]::placeholder {
  font-family: 'OpenSansVariableFont', FontAwesome;
  font-weight: 400;
  color: #a4a5a9;
  }
    .pf-total-checked-filters-count,
    .pf-selected-options-count {
      width: 28px;
    }
    input[type='checkbox']:checked {
      background-color: #006068;
    }
    .pf-cta {
      border: none;
    }
    .pf-lazy-load-button {
      border-radius: 22px;
      font-family: 'OpenSansVariableFont', sans-serif;
      font-weight: 700;
      background-color: #FFFFFF;
      color: #006068;
      border: 2px solid #006068;
      padding: 8px 28.8px;
    }
    .pf-lazy-load-button:hover {
      background-color: #006068;
      color: #FFFFFF;
    }
  }

  #content-page #pf-sidebar-toggle,
  #lookbook-overlay-close {
  background-color: #97D700!important;
  }

  #content-page #pf-sidebar-toggle-icon,
  #lookbook-overlay-close span {
  color: #323E48;
  }

  #pf-sidebar-toggle-icon {
  height: 40px;
  width: 40px;
  }

  .lookbook-overlay-content {
  border-radius: 20px;
  }

  .lookbook-overlay-close-wrapper {
  margin-top: 35px;
  }

  #lookbook-overlay-close {
  border-radius: 0px 10px 10px 0px;
  }

/* PF Cookie Consent */
  #qa-cookie-consent {
  #learn-more-cookie {
  font-family: 'OpenSansVariableFont';
  }
  #qa-gdpr-cookie-consent-decline-button {
  background-color: #006068;
  border-color: #006068;
  }
  }

   /* CF Experience LPs */

     .section-7hBsOJnI1q.pf-hero-background {
    margin-top: -80px;
}

.section-7hBsOJnI1q #pf-hero-with-background-heading .pf-rte-wrapper {
    width: 60%;
    margin-top: 42px;
}
.section-7hBsOJnI1q #pf-hero-with-background-subheading {
    display: none;
}

.section-iMtTPyIUfl .pf-hero-cta .pf-cta,
.section-U6aEZVFOWh .pf-hero-plain-text-cta .pf-cta {
    padding: 11px 35px;
}

.section-U6aEZVFOWh.pf-hero-plain-text {
    max-width: 1600px;
}

.section-U6aEZVFOWh.pf-hero-plain-text .pf-title .pf-rte-wrapper strong {
    font-weight: 650;
}

.section-U6aEZVFOWh.pf-hero-plain-text::before {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.section-U6aEZVFOWh.pf-hero-plain-text .pf-description {
    max-width: 1040px;
    margin: 0 auto;
}

.section-U6aEZVFOWh.pf-hero-plain-text .pf-description span {
    font-weight: 400;
}

@media (max-width: 640px) {
    .section-U6aEZVFOWh.pf-hero-plain-text .pf-title h2 span {
        font-size: 22px!important;
    }
    .section-U6aEZVFOWh.pf-hero-plain-text .pf-description span,
    .section-U6aEZVFOWh.pf-hero-plain-text .pf-title p span{
        font-size: 14px!important;
    }
}

.section-iMtTPyIUfl.pf-hero {
    font-family: 'OpenSansVariableFont';
    color: #323E48;
        #pf-hero-heading {
        font-size: 26px;
        font-weight: 650;
    }
}

   .section-sTeS3c4oPA.pf-resource-center.CustomResourceCenter {
     .pf-content-card-link {
       .relative.w-full.z-\[1\].pl-\[26px\].pt-\[26px\].pr-\[35px\] {
         background: linear-gradient(180deg, #ffffff, #EFEFEF);
       }
       .pf-content-card-title {
         color: #323E48;
         font-size: 20px;
         line-height: 32px;
       }
     }
   }
    


    section[data-pf-theme-block-id="9Vk35MTyWH"] footer {
        font-family: 'OpenSansVariableFont';
    }
    section[data-pf-theme-block-id="9Vk35MTyWH"] footer .region.region-footer-second {
        display: none;
    }


 </style>
    <style>
     .pf-hero-plain-text {
 .section-base {
 max-width: 1250px;
 }
 }
 
  @media (min-width: 426px) {
 .pf-hero-plain-text .flex.flex-col {
 width: 60%;
 }
 }
</style><style>
    input#siteSearch {
    display: none;
}
</style><style type="text/css">
:root {
  --xxsml: 0.25rem;
  --xsml: 0.5rem;
  --xsml-sml: 0.75rem;
  --sml: 0.875rem;
  --md: 1rem;
  --lg: 1.5rem;
  --xlg: 2rem;
  --xxlg: 3rem;
  --xxxlg: 6rem;
  --white: #FFFFFF;
  --black: #282D34;
  --black-dark: #111820;
  --grey: #EFEFEF;
  --grey-dark: #282D34;
  --grey-med2: #323E48;
  --grey-med: #47515a;
  --grey-a80: #53575d;
  --green: #97D700;
  --green-light: #00DB75;
  --teal: #0099A8;
  --teal-green: #199B70;
  --teal-dark: #006068;
  --blue: #3060FF;
  --blue-light: #49E8FF;
  --red: #FF5959;
  --pink: #DC00C7;
  --purple: #4C47C4;
  --white-hover: #ECFAFC;
  --teal-hover: #02828D;
  --black-a20: hsla(215, 13%, 18%, 0.2);
  --black-a80: hsla(215, 13%, 18%, 0.8);
  --grey-a10: hsla(0, 0%, 94%, 0.1);
  --grey-a20: hsla(0, 0%, 94%, 0.2);
  --grey-a40: hsla(0, 0%, 94%, 0.4);
  --white-a70: hsla(0, 0%, 100%, 0.7);
  --white-a30: hsla(0, 0%, 100%, 0.3);
  --white-a20: hsla(0, 0%, 100%, 0.2);
  --white-a10: hsla(0, 0%, 100%, 0.1);
  --white-a03: hsla(0, 0%, 100%, 0.03);
  --separator-height: 10.76vw;
  --separator-bg: #111820;
  --section-padding: var(--xxxlg);
}
.ns-menu__secondary {
    background-color: var(--grey);
}

.section-header a.flex.max-w-max {
    flex-shrink: 0;
}

.section-header a.btn {
    border: 1px solid var(--black);
    font-weight: 600;
    white-space: nowrap;
}

nav ol,nav ul {
    list-style: none
}

img {
    max-width: 100%;
    height: auto;
    display: block
}

.ns-h4, h4 {
    margin-top: .1rem;
    font-size: 16px;
    font-weight: 700;
}

footer {
    --separator-bg: var(--black);
    z-index: 1;
    margin-top: auto;
    background: var(--black);
    color: var(--white)
}

footer.lazy-background.loaded {
    background: var(--black) url(https://cdn.pathfactory.com/assets/11187/thumbnails/1020047/7b5b9e9a-ed27-4eb8-acf6-47b93bce1185.svg) top right no-repeat
}

footer.simple-footer.lazy-background.loaded {
    background-image: none
}

footer.simple-footer .region-footer-first {
    padding-block:0}

footer.simple-footer .footer__legal {
    border: none;
    padding-inline:0;text-align: center
}

@media screen and (min-width: 576px) {
    footer.simple-footer .footer__legal {
        text-align:left
    }
}

.font--size--condensed {
    line-height: 1.3;
}

footer.hidden-footer {
    background-color: transparent;
    color: unset
}

footer.hidden-footer.lazy-background.loaded {
    background-image: none
}

footer .region-footer-first {
    padding-block:var(--xxlg)}

@media screen and (min-width: 768px) {
    footer {
        background-size:60% auto
    }
}

footer .logo-tagline {
    max-width: 200px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    align-self: center;
    flex-wrap: nowrap;
    gap: 1rem
}

@media screen and (min-width: 576px) {
    footer .logo-tagline {
        margin:unset
    }
}

@media screen and (min-width: 768px) {
    footer .logo-tagline {
        max-width:300px
    }
}

footer .logo-tagline img {
    max-width: 100%;
    max-height: 100%;
    height: auto
}

footer .footer--inner {
    position: relative;
    max-width: 1480px;
    width: 90%;
    margin: 0 auto
}

footer .footer--inner a {
    color: #fff
}

footer .footer--inner a:focus,footer .footer--inner a:focus-visible,footer .footer--inner a:hover {
    color: #ecfafc;
    text-decoration: underline
}

footer .footer--inner--top {
    padding-top: 1.5rem;
    padding-bottom: 0;
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 992px) {
    footer .footer--inner--top {
        padding-top:2rem;
        padding-bottom: 2rem;
        flex-direction: row;
        justify-content: space-between
    }

    footer .footer--inner--top .region-footer-second {
        display: flex;
        margin-left: 2rem
    }
}

footer .footer--inner--top .footer__about {
    padding: 0;
    margin-bottom: 1rem
}

@media screen and (min-width: 992px) {
    footer .footer--inner--top .footer__about {
        margin-bottom:0
    }
}

footer .footer--inner .row nav ul {
    display: flex;
    flex-direction: row;
    list-style-type: none
}

footer .footer--inner .row nav ul li {
    font-size: 1rem;
    line-height: 1.4;
    list-style-type: none;
    margin: 0 .5rem
}

footer .footer--inner .row nav ul li:first-child {
    margin-left: 0
}

footer .footer--inner .row nav ul li:last-child {
    margin-right: 0
}

footer .footer--inner .row nav#block-footernavigation-2,footer .footer--inner .row nav#bottomNav {
    display: none;
    margin-top: 1rem
}

@media screen and (min-width: 992px) {
    footer .footer--inner .row nav#block-footernavigation-2,footer .footer--inner .row nav#bottomNav {
        display:inherit;
        margin-left: 1.5rem;
        margin-top: 0
    }
}

footer .footer--inner .row nav#block-footernavigation-2>ul,footer .footer--inner .row nav#bottomNav>ul {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-left: 0
}

@media screen and (min-width: 992px) {
    footer .footer--inner .row nav#block-footernavigation-2>ul,footer .footer--inner .row nav#bottomNav>ul {
        flex-direction:row;
        text-align: left
    }
}

footer .footer--inner .row nav#block-footernavigation-2>ul>li,footer .footer--inner .row nav#bottomNav>ul>li {
    margin: 0 1rem;
    flex: 1 1 auto
}

footer .footer--inner .row nav#block-footernavigation-2>ul>li>span,footer .footer--inner .row nav#bottomNav>ul>li>span {
    font-weight: 700
}

@media screen and (min-width: 992px) {
    footer .footer--inner .row nav#block-footernavigation-2>ul>li:first-child,footer .footer--inner .row nav#bottomNav>ul>li:first-child {
        margin-left:0
    }

    footer .footer--inner .row nav#block-footernavigation-2>ul>li:last-child,footer .footer--inner .row nav#bottomNav>ul>li:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 992px) {
    footer .footer--inner .row nav#block-footernavigation-2>ul>li,footer .footer--inner .row nav#bottomNav>ul>li {
        margin:0 1.25rem
    }
}

footer .footer--inner .row nav#block-footernavigation-2>ul>li:last-child ul,footer .footer--inner .row nav#bottomNav>ul>li:last-child ul {
    margin-bottom: 0
}

footer .footer--inner .row nav#block-footernavigation-2>ul>li ul,footer .footer--inner .row nav#bottomNav>ul>li ul {
    display: block;
    margin: 0 0 1rem 0
}

footer .footer--inner .row nav#block-footernavigation-2>ul>li ul li,footer .footer--inner .row nav#bottomNav>ul>li ul li {
    margin: 0;
    display: block
}

footer .footer--inner .row nav#block-footernavigation-2>ul>li ul li a,footer .footer--inner .row nav#bottomNav>ul>li ul li a {
    text-transform: none;
    font-size: 1rem
}

@media screen and (min-width: 992px) {
    footer .footer--inner .row nav#block-footernavigation-2>ul>li ul,footer .footer--inner .row nav#bottomNav>ul>li ul {
        display:flex;
        flex-direction: column;
        margin-top: 1rem
    }

    footer .footer--inner .row nav#block-footernavigation-2>ul>li ul li,footer .footer--inner .row nav#bottomNav>ul>li ul li {
        margin: 0 0 .5rem 0;
        line-height: 1.3;
        min-width: 155px;
        max-width: 200px
    }
}

@media screen and (min-width: 992px) {
    footer .footer--inner .row nav#block-netscout-footer,footer .footer--inner .row nav#footerNav {
        flex:1
    }
}

footer .footer--inner .row nav#block-netscout-footer ul,footer .footer--inner .row nav#footerNav ul {
    margin-left: 0;
    flex-direction: column
}

@media screen and (min-width: 576px) {
    footer .footer--inner .row nav#block-netscout-footer ul,footer .footer--inner .row nav#footerNav ul {
        flex-direction:row;
        flex-wrap: wrap;
        justify-content: center
    }
}

@media screen and (min-width: 992px) {
    footer .footer--inner .row nav#block-netscout-footer ul,footer .footer--inner .row nav#footerNav ul {
        justify-content:flex-start
    }
}

footer .footer--inner .row nav#block-netscout-footer ul li,footer .footer--inner .row nav#footerNav ul li {
    display: block;
    margin: 0 auto;
    font-size: .875rem;
    line-height: 1.3;
    text-align: center
}

footer .footer--inner .row nav#block-netscout-footer ul li a,footer .footer--inner .row nav#footerNav ul li a {
    font-size: .875rem
}

footer .footer--inner .row nav#block-netscout-footer ul li.footer__legal__copyright,footer .footer--inner .row nav#footerNav ul li.footer__legal__copyright {
    font-weight: 700;
    margin-bottom: .5rem;
    flex-basis: 100%
}

@media screen and (min-width: 992px) {
    footer .footer--inner .row nav#block-netscout-footer ul li.footer__legal__copyright,footer .footer--inner .row nav#footerNav ul li.footer__legal__copyright {
        margin-bottom:0;
        flex-basis: auto
    }
}

@media screen and (min-width: 576px) {
    footer .footer--inner .row nav#block-netscout-footer ul li,footer .footer--inner .row nav#footerNav ul li {
        display:inline-block;
        margin: 0 .5rem
    }
}

@media screen and (min-width: 992px) {
    footer .footer--inner .row nav#block-netscout-footer ul li,footer .footer--inner .row nav#footerNav ul li {
        text-align:left;
        margin: 0
    }

    footer .footer--inner .row nav#block-netscout-footer ul li div,footer .footer--inner .row nav#footerNav ul li div {
        display: inline-block
    }

    footer .footer--inner .row nav#block-netscout-footer ul li:first-child,footer .footer--inner .row nav#footerNav ul li:first-child {
        margin-right: 5px
    }

    footer .footer--inner .row nav#block-netscout-footer ul li:not(:first-child),footer .footer--inner .row nav#footerNav ul li:not(:first-child) {
        margin: 0 5px
    }

    footer .footer--inner .row nav#block-netscout-footer ul li:not(:first-child):before,footer .footer--inner .row nav#footerNav ul li:not(:first-child):before {
        content: "|";
        display: inline-block;
        margin-right: 9px
    }
}

footer .footer--inner .row nav#socialNav ul.row {
    position: relative;
    margin: 0 auto;
    max-width: 320px;
    display: flex;
    justify-content: space-evenly
}

@media screen and (min-width: 992px) {
    footer .footer--inner .row nav#socialNav ul.row {
        padding:0
    }
}

footer .footer--inner .row nav#socialNav ul.row li {
    margin: 0 .75rem
}

footer .footer--inner .row nav#socialNav ul.row li:last-child {
    margin-right: 0
}

footer .footer--inner .row nav#socialNav ul.row li a i,footer .footer--inner .row nav#socialNav ul.row li a svg {
    width: 1.75rem;
    height: 1.75rem
}

footer .footer--inner .row nav#socialNav ul.row li a:focus i,footer .footer--inner .row nav#socialNav ul.row li a:focus svg,footer .footer--inner .row nav#socialNav ul.row li a:focus-visible i,footer .footer--inner .row nav#socialNav ul.row li a:focus-visible svg,footer .footer--inner .row nav#socialNav ul.row li a:hover i,footer .footer--inner .row nav#socialNav ul.row li a:hover svg {
    color: #97d700
}

footer#ns-footer--simple {
    padding-bottom: 40px
}

@media screen and (min-width: 992px) {
    footer#ns-footer--simple {
        padding:1rem 0
    }
}

footer#ns-footer--simple .logo {
    flex-shrink: 0;
    margin-bottom: 30px
}

@media screen and (min-width: 1280px) {
    footer#ns-footer--simple .logo {
        margin-bottom:0;
        margin-right: 45px
    }
}

footer#ns-footer--simple .logo img {
    margin: 0 auto;
    width: 50px;
    height: auto
}

@media screen and (min-width: 992px) {
    footer#ns-footer--simple .logo img {
        margin:0
    }
}

@media screen and (min-width: 992px) {
    footer#ns-footer--simple .slogan p {
        font-size:1.2rem;
        line-height: 1.2
    }
}

footer#ns-footer--simple .copyright {
    flex-shrink: 0;
    margin-bottom: .5rem;
    font-size: .875rem
}

@media screen and (min-width: 992px) {
    footer#ns-footer--simple .copyright {
        margin-bottom:0;
        margin-right: .5rem
    }
}

footer#ns-footer--simple .row {
    flex-direction: column
}

@media screen and (min-width: 992px) {
    footer#ns-footer--simple .row {
        flex-direction:row;
        margin-bottom: 0
    }

    footer#ns-footer--simple .row .footer__links__list {
        width: auto;
        padding-left: 0
    }
}

footer#ns-footer--simple .row.logo-slogan {
    width: auto;
    margin-bottom: 30px;
    display: block;
    text-align: center
}

@media screen and (min-width: 992px) {
    footer#ns-footer--simple .row.logo-slogan {
        text-align:left;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1280px) {
    footer#ns-footer--simple .row.logo-slogan {
        display:flex;
        justify-content: flex-start;
        flex-basis: 45%
    }
}

footer#ns-footer--simple .row .social {
    width: auto
}

footer#ns-footer--simple .row .social ul {
    flex-direction: row
}

footer#ns-footer--simple .row .social ul li {
    margin-top: 0
}

footer#ns-footer--simple .row .social ul li:not(:last-child) {
    margin-right: 2em
}

footer#ns-footer--simple .row .social ul li a i,footer#ns-footer--simple .row .social ul li a svg {
    font-size: 1.2rem
}

footer#ns-footer--simple .row .social ul li a:focus i,footer#ns-footer--simple .row .social ul li a:focus svg,footer#ns-footer--simple .row .social ul li a:focus-visible i,footer#ns-footer--simple .row .social ul li a:focus-visible svg,footer#ns-footer--simple .row .social ul li a:hover i,footer#ns-footer--simple .row .social ul li a:hover svg {
    color: #97d700
}

footer#ns-footer--simple #block-netscout-footer {
    text-align: center
}

@media screen and (min-width: 992px) {
    footer#ns-footer--simple #block-netscout-footer {
        display:flex;
        flex-direction: row;
        text-align: left
    }
}

@media screen and (min-width: 1280px) {
    footer#ns-footer--simple #block-netscout-footer {
        justify-content:end
    }
}

footer#ns-footer--simple #block-netscout-footer #ns-footer-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 1rem;
    font-size: .875rem
}

@media screen and (min-width: 992px) {
    footer#ns-footer--simple #block-netscout-footer #ns-footer-menu {
        margin-bottom:0;
        justify-content: flex-start
    }
}

footer#ns-footer--simple #block-netscout-footer #ns-footer-menu .menu-item {
    margin: 0 .5rem
}

footer .menu--menu-footer-navigation>ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

@media screen and (min-width: 992px) {
    footer .menu--menu-footer-navigation>ul {
        flex-direction:row;
        justify-content: stretch
    }
}

footer .menu--menu-footer-navigation>ul>li {
    flex: 1 0 50%;
    padding: 1rem;
    border-left: 1px solid var(--grey-a10);
    border-bottom: 1px solid var(--grey-a10)
}

footer .menu--menu-footer-navigation>ul>li:nth-child(-n+2) {
    padding-top: 0
}

footer .menu--menu-footer-navigation>ul>li:nth-child(2n) {
    border-right: 1px solid var(--grey-a10)
}

footer .menu--menu-footer-navigation>ul>li:last-child {
    border-right: 1px solid var(--grey-a10)
}

footer .menu--menu-footer-navigation>ul>li.menu-item--expanded>span {
    font-weight: 700
}

footer .menu--menu-footer-navigation>ul>li.menu-item--expanded ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    line-height: 1.4
}

footer .menu--menu-footer-navigation>ul>li.menu-item--expanded ul li:not(:last-child) {
    margin-bottom: 6px
}

@media screen and (min-width: 768px) {
    footer .menu--menu-footer-navigation>ul>li {
        flex-basis:25%;
        padding-top: 0
    }

    footer .menu--menu-footer-navigation>ul>li:nth-child(2n) {
        border-right: none
    }

    footer .menu--menu-footer-navigation>ul>li:nth-child(4n) {
        border-right: 1px solid var(--grey-a10)
    }
}

footer .footer__legal {
    width: 100%;
    padding: 1rem;
    border-left: 1px solid var(--grey-a10);
    border-right: 1px solid var(--grey-a10)
}

footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}

footer ul li {
    list-style-type: none;
    margin: 0;
    padding: 0
}

footer ul li a {
    font-size: 14px;
    color: var(--grey);
    text-decoration: none
}

footer ul li a:focus-visible,footer ul li a:hover {
    color: var(--green);
    text-decoration: underline
}

footer p {
    margin-bottom: 6px
}

@media screen and (min-width: 768px) {
    footer p {
        margin-bottom:12px
    }
}

footer #socialNav ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    -moz-column-gap: 2px;
    column-gap: 2px
}

footer #socialNav ul li {
    flex: 1 0 20%;
    max-width: 40px;
    margin-bottom: 0
}

footer #socialNav ul li a {
    display: block;
    max-width: 20px;
    height: auto;
    font-size: unset
}

footer #socialNav ul li a svg {
    width: unset;
    height: unset
}

footer #ns-footer-menu {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

@media screen and (min-width: 576px) {
    footer #ns-footer-menu {
        flex-direction:row;
        flex-wrap: wrap;
        -moz-column-gap: 20px;
        column-gap: 20px
    }
}

footer #ns-footer-menu li {
    flex: 0 0 auto
}



.rd-container {
    position: relative;
    max-width: 2160px;
    width: min(90%, 90vw);
    margin-inline: auto;
}

</style>    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
          new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
      })(window,document,'script','dataLayer','GTM-WSK2TN');</script>
    <!-- End Google Tag Manager -->

  </head>
  <body  class="mb-[0px]">
        <!-- Google Tag Manager (noscript) -->
    <noscript>
      <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WSK2TN" height="0" width="0" style="display:none;visibility:hidden">
      </iframe>
    </noscript>
    <!-- End Google Tag Manager (noscript) -->
<script>

   handleJukeboxDispatchedEvents = event => {

       switch (event.detail.eventName) {

           // Trigger Form Show Event

           case "capture_show":

               gtag('event', 'form_start', {

                   'form_id': event.detail.promoterConfig.formId,

                   'form_name': event.detail.promoterConfig.form.name,

                   'form_destination': window.location.href

               });

           console.info('Capture Show', event.detail);

           break;

           // Trigger Form Submit Event - External Forms

           case "submit_external_form":

               gtag('event', 'form_submit', {

                   'form_id': event.detail.promoterConfig.formId,

                   'form_name': event.detail.promoterConfig.form.name,

                   'form_destination': window.location.href

               });

           console.info('Submit External Form', event.detail);

           break;

           // Trigger Form Submit Event - Standard Forms

           case "submit_form":

               gtag('event', 'form_submit', {

                   'form_id': event.detail.promoterConfig.formId,

                   'form_name': event.detail.promoterConfig.form.name,

                   'form_destination': window.location.href,

                   'form_submit_text': event.detail.promoterConfig.form.formDetails.buttonText

               });

           console.info('Submit Form', event.detail);

           break;

           // Trigger File Download Event

           case "file_download":

               gtag('event', 'file_download', {

                   'file_extension': 'pdf',

                   'file_name': 'Resource Center',

                   'link_url': 'https://www.netscout.com/resources'

               });

           console.info('Click Download', event.detail);

           break;

       }

   };

   window.addEventListener("pf_event", this.handleJukeboxDispatchedEvents, false);

</script>
    <section data-pf-theme-artefact-id="custom-header"
      data-pf-theme-artefact-file-id="f1bf9d82-fd1f-4762-8688-bd080b6d3b7e"
      data-pf-theme-artefact-filename="custom-header"
      data-pf-theme-block-id="8rZEpijUsr"
      data-pf-theme-block-type="section"
      data-pf-theme-block-pos="0"
      data-pf-theme-block-ref="header"><header class="header header--site-wide" role="banner">
  <div class="ns-menu__primary">
    <div class="ns-menu__primary--inner rd-container ns-flex__row--basic ns-flex__row--align-center
      ns-flex__row--justify-between">
      <div class="ns-menu__logo-mega-menu ns-flex__row--basic ns-flex__row--align-center">
        <div class="region region-header">
          <div id="block-netscout-branding" class="padding--all--none block block-system block-system-branding-block">
            <a href="https://www.netscout.com/" title="Home" rel="home" class="site-logo">
              <img src="https://www.netscout.com/themes/custom/netscout/images/NS_LOGO_COL_POS_RGB.svg" alt="Netscout logo" class="logo-dark" width="300" height="42">
              <img src="https://www.netscout.com/themes/custom/netscout/images/NS_LOGO_COL_NEG_RGB.svg" alt="Netscout logo" class="logo-white" width="300" height="42">
            </a>
          </div>
        </div>
        <div class="region region-primary-menu rd-container ns-flex__row--basic ns-flex__row--align-center">
          <nav id="block-megamenu" class="menu--megamenu ns-menu__nav">
            <ul class="menu menu-level-0 second-level-active">
              <li class="menu-item" tabindex="0" data-once="desktop-menu-li mobile-menu-li">
                <a href="https://www.netscout.com/platform" class="menu-item--text" title="Platform" data-drupal-link-system-path="node/97246" data-once="ga-event-path" data-ga-path="Platform">Platform</a>
                <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-0 menu-type-default">
                </div>
              </li>

              <li class="menu-item menu-item--expanded menu-item--active-trail mobile-open" tabindex="0" data-once="desktop-menu-li mobile-menu-li">
                <span class="menu-item--text" title="Solutions">Solutions</span>
                <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-0 menu-type-default mobile-open">
                  <div class="header-sub-menu-mobile">
                    <button class="back-button">
                      <svg width="17" height="9" viewBox="0 0 16.77 9.09" xmlns="http://www.w3.org/2000/svg">
                        <path d="M5.18,6.55l8,8,8-8" transform="translate(-4.83 -6.2)" fill="none" stroke="#97D700"></path>
                      </svg>
                    </button>
                    <span class="menu-level-0--title">Solutions</span>
                  </div>
                  <ul class="menu menu-level-1">
                    <li class="menu-item menu-item--expanded menu-item--active-trail KeyUseCases" data-submenu="KeyUseCases" tabindex="0" data-once="menu-level-1-click">
                      <span class="use-four-columns menu-item--text" title="Key Use Cases">Key Use Cases</span>
                    </li>
                    <li class="menu-item menu-item--expanded Industries" data-submenu="Industries" tabindex="0" data-once="menu-level-1-click">
                      <span class="use-three-columns next-level-semibold menu-item--text" title="Industries">Industries</span>
                    </li>
                    <li class="menu-item menu-item--expanded ByRole" data-submenu="ByRole" tabindex="0" data-once="menu-level-1-click">
                      <span class="use-three-columns next-level-semibold menu-item--text" title="By Role">By Role</span>
                    </li>
                    <li class="menu-item menu-item--expanded TechnologyPartners" data-submenu="TechnologyPartners" tabindex="0" data-once="menu-level-1-click">
                      <span class="use-three-columns next-level-semibold menu-item--text" title="Technology Partners" data-once="ga-event-path" data-ga-path="Technology Partners">Technology Partners</span>
                    </li>
                  </ul>
                  <div class="ns-menu__sidebar">
                    <div id="item--KeyUseCases" class="ns-menu__submenu ns-menu__submenu--level-1 use-four-columns">
                      <button class="level-1-trigger ns-h3" data-once="mobile-menu-li-1">Key Use Cases</button>
                      <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-1 menu-type-default use-four-columns no-featured-item">
                        <ul class="menu menu-level-2">
                          <li class="menu-item--top-display menu-item">
                            <a href="https://www.netscout.com/solutions" class="menu--link--green menu--link--bold menu--link" title="See all solutions" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; See all solutions">See all solutions</a>
                          </li>

                          <li class="menu-item menu-item--expanded menu-item--active-trail">
                            <a href="https://www.netscout.com/observability" class="menu--link menu--link--bold " title="Observability" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Observability">Observability</a>
                            <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-2 menu-type-default">
                              <ul class="menu menu-level-3">
                                <li class="menu-item">
                                  <a href="https://www.netscout.com/solutions/network-observability" class="menu--link" title="Network Observability" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Observability &gt; Network Observability">Network Observability</a>                            </li>

                                <li class="menu-item">
                                  <a href="https://www.netscout.com/solutions/network-performance-management" class="menu--link" title="Network Performance Management" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Observability &gt; Network Performance Management">Network Performance Management</a>                            </li>

                                <li class="menu-item">
                                  <a href="https://www.netscout.com/solutions/application-performance-management" class="menu--link" title="Application Performance Management" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Observability &gt; Application Performance Management">Application Performance Management</a>                            </li>

                                <li class="menu-item">
                                  <a href="https://www.netscout.com/solutions/aiops-enterprise" class="menu--link" title="AIOps for Enterprise" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Observability &gt; AIOps for Enterprise">AIOps for Enterprise</a>                            </li>

                                <li class="menu-item">
                                  <a href="https://www.netscout.com/solutions/remote-site-observability" class="menu--link" title="Remote Site Observability" data-drupal-link-system-path="node/97241" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Observability &gt; Remote Site Observability">Remote Site Observability</a>                            </li>
                                <li class="menu-item">
                                  <a href="https://www.netscout.com/solutions/saas-observability" class="menu--link" title="SaaS Application Observability" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Observability &gt; SaaS Application Observability">SaaS Application Observability</a>                            </li>
                                <li class="menu-item">
                                  <a href="https://www.netscout.com/solutions/unified-communications-collaboration" class="menu--link" title="Unified Communications/UCaaS"  data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Observability &gt; Unified Communications/UCaaS">Unified Communications/UCaaS</a>                            </li>
                                <li class="menu-item">
                                  <a href="https://www.netscout.com/solutions/cloud-colo-performance" class="menu--link" title="Colocation Performance Management" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Observability &gt; Colocation Performance Management">Colocation Performance Management</a>                            </li>
                                <li class="menu-item">
                                  <a href="https://www.netscout.com/solutions/cloud-observability" class="menu--link" title="Cloud Observability" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Observability &gt; Cloud Observability">Cloud Observability</a>                            </li>

                              </ul>
                            </div>





                          </li>

                          <li class="menu-item menu-item--expanded">
                            <a href="https://www.netscout.com/cybersecurity" class="menu--link menu--link--bold" title="Cybersecurity" data-drupal-link-system-path="node/97260" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Cybersecurity">Cybersecurity</a>



                            <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-2 menu-type-default">


                              <ul class="menu menu-level-3">

                                <li class="menu-item">
                                  <a href="https://www.netscout.com/solutions/threat-investigation" class="menu--link" title="Threat Investigation"  data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Cybersecurity &gt; Threat Investigation">Threat Investigation</a>                            </li>

                                <li class="menu-item">
                                  <a href="https://www.netscout.com/solutions/threat-hunting" class="menu--link" title="Threat Hunting" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Cybersecurity &gt; Threat Hunting">Threat Hunting</a>                            </li>

                                <li class="menu-item">
                                  <a href="https://www.netscout.com/solutions/ransomware" class="menu--link" title="Ransomware Resilience" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Cybersecurity &gt; Ransomware Resilience">Ransomware Resilience</a>                            </li>

                                <li class="menu-item">
                                  <a href="https://www.netscout.com/solutions/zero-trust" class="menu--link" title="Zero Trust Enablement" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Cybersecurity &gt; Zero Trust Enablement">Zero Trust Enablement</a>                            </li>
                              </ul>


                            </div>
                          </li>

                          <li class="menu-item menu-item--expanded">
                            <a href="https://www.netscout.com/ddos-protection" class="menu--link menu--link--bold" title="DDoS Protection" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; DDoS Protection">DDoS Protection</a>

                            <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-2 menu-type-default">
                              <ul class="menu menu-level-3">

                                <li class="menu-item">
                                  <a href="https://www.netscout.com/solutions/ddos-mitigation" class="menu--link" title="DDoS Mitigation for Enterprise" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; DDoS Protection &gt; DDoS Mitigation for Enterprise">DDoS Mitigation for Enterprise</a>                            </li>

                                <li class="menu-item">
                                  <a href="https://www.netscout.com/solutions/service-provider-ddos-protection" class="menu--link" title="DDoS Mitigation for Service Providers" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; DDoS Protection &gt; DDoS Mitigation for Service Providers">DDoS Mitigation for Service Providers</a>                            </li>

                                <li class="menu-item">
                                  <a href="https://www.netscout.com/solutions/firewall-protection" class="menu--link" title="Firewall Protection" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; DDoS Protection &gt; Firewall Protection">Firewall Protection</a>                            </li>

                                <li class="menu-item">
                                  <a href="https://www.netscout.com/solutions/dns-ddos-protection" class="menu--link" title="DNS Protection"  data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; DDoS Protection &gt; DNS Protection">DNS Protection</a>                            </li>

                                <li class="menu-item">
                                  <a href="https://www.netscout.com/solutions/carpet-bombing-ddos-protection" class="menu--link" title="Carpet Bombing Defense" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; DDoS Protection &gt; Carpet Bombing Defense">Carpet Bombing Defense</a>                            </li>

                                <li class="menu-item">
                                  <a href="https://www.netscout.com/solutions/mobile-network-operator-security" class="menu--link" title="Mobile Network Protection"  data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; DDoS Protection &gt; Mobile Network Protection">Mobile Network Protection</a>                            </li>
                              </ul>
                            </div>
                          </li>

                          <li class="menu-item menu-item--expanded">
                            <a href="https://www.netscout.com/service-provider" class="menu--link menu--link--bold" title="Mobile and Fixed" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Mobile and Fixed">Mobile and Fixed</a>

                            <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-2 menu-type-default">

                              <ul class="menu menu-level-3">

                                <li class="menu-item">
                                  <a href="https://www.netscout.com/solutions/5g" title="5G Service Assurance" class="menu--link" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Mobile and Fixed &gt; 5G Service Assurance">5G Service Assurance</a>                            </li>
                                <li class="menu-item">
                                  <a href="https://www.netscout.com/solutions/service-provider-ai-ops" class="menu--link" title="AIOps for Service Providers" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Mobile and Fixed &gt; AIOps for Service Providers">AIOps for Service Providers</a>                            </li>
                                <li class="menu-item">
                                  <a href="https://www.netscout.com/solutions/5g-network-slicing" class="menu--link" title="5G Slicing" data-drupal-link-system-path="node/97273" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Mobile and Fixed &gt; 5G Slicing">5G Slicing</a>                            </li>

                                <li class="menu-item">
                                  <a href="https://www.netscout.com/solutions/5g-fixed-wireless-access" class="menu--link" title="Fixed Wireless Access" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Mobile and Fixed &gt; Fixed Wireless Access">Fixed Wireless Access</a>                            </li>

                                <li class="menu-item">
                                  <a href="https://www.netscout.com/solutions/ran-network-solutions" class="menu--link" title="RAN Performance" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Mobile and Fixed &gt; RAN Performance">RAN Performance</a>                            </li>

                                <li class="menu-item">
                                  <a href="https://www.netscout.com/solutions/cable-mso-fixed" class="menu--link" title="Cable/MSO, Fiber (FTTX) and DAA" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Mobile and Fixed &gt; Cable/MSO, Fiber (FTTX) and DAA">Cable/MSO, Fiber (FTTX) and DAA</a>                            </li>
                              </ul>
                            </div>
                          </li>
                        </ul>
                      </div>
                    </div>
                    <div id="item--Industries" class="ns-menu__submenu ns-menu__submenu--level-1 use-three-columns next-level-semibold">

                      <button class="level-1-trigger ns-h3" data-once="mobile-menu-li-1">Industries</button>
                      <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-1 menu-type-default use-three-columns next-level-semibold no-featured-item">


                        <ul class="menu menu-level-2">

                          <li class="menu-item--top-display menu-item">
                            <a href="https://www.netscout.com/industries" class="menu--link--green menu--link--bold menu--link" title="See all industries" data-once="ga-event-path" data-ga-path="Solutions &gt; Industries &gt; See all industries">See all industries</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/industries/financial-services" class="menu--link" title="Financial Services" data-once="ga-event-path" data-ga-path="Solutions &gt; Industries &gt; Financial Services">Financial Services</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/industries/education" class="menu--link" title="Education" data-once="ga-event-path" data-ga-path="Solutions &gt; Industries &gt; Education">Education</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/industries/government" class="menu--link" title="Government" data-once="ga-event-path" data-ga-path="Solutions &gt; Industries &gt; Government">Government</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/industries/healthcare" class="menu--link" title="Healthcare" data-once="ga-event-path" data-ga-path="Solutions &gt; Industries &gt; Healthcare">Healthcare</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/industries/insurance" class="menu--link" title="Insurance" data-once="ga-event-path" data-ga-path="Solutions &gt; Industries &gt; Insurance">Insurance</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/industries/manufacturing" class="menu--link" title="Manufacturing" data-once="ga-event-path" data-ga-path="Solutions &gt; Industries &gt; Manufacturing">Manufacturing</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/industries/pharmaceutical" class="menu--link" title="Pharmaceutical" data-once="ga-event-path" data-ga-path="Solutions &gt; Industries &gt; Pharmaceutical">Pharmaceutical</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/industries/retail" class="menu--link" title="Retail" data-once="ga-event-path" data-ga-path="Solutions &gt; Industries &gt; Retail">Retail</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/industries/telecommunications" class="menu--link" title="Telecommunications" data-once="ga-event-path" data-ga-path="Solutions &gt; Industries &gt; Telecommunications">Telecommunications</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/industries/transportation" class="menu--link" title="Transportation" data-once="ga-event-path" data-ga-path="Solutions &gt; Industries &gt; Transportation">Transportation</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/industries/utilities" class="menu--link" title="Utilities" data-once="ga-event-path" data-ga-path="Solutions &gt; Industries &gt; Utilities">Utilities</a>                            </li>
                        </ul>

                      </div>


                    </div>
                    <div id="item--ByRole" class="ns-menu__submenu ns-menu__submenu--level-1 use-three-columns next-level-semibold active">

                      <button class="level-1-trigger ns-h3" data-once="mobile-menu-li-1">By Role</button>




                      <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-1 menu-type-default use-three-columns next-level-semibold no-featured-item">


                        <ul class="menu menu-level-2">

                          <li class="menu-item">
                            <a href="https://www.netscout.com/solutions/ai-operations" class="menu--link" title="AI Operations" data-once="ga-event-path" data-ga-path="Solutions &gt; By Role &gt; AI Operations">AI Operations</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/solutions/cio" class="menu--link" title="CIO" data-once="ga-event-path" data-ga-path="Solutions &gt; By Role &gt; CIO">CIO</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/solutions/ciso" class="menu--link" title="CISO" data-once="ga-event-path" data-ga-path="Solutions &gt; By Role &gt; CISO">CISO</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/solutions/network-operations" class="menu--link" title="Network Operations" data-once="ga-event-path" data-ga-path="Solutions &gt; By Role &gt; Network Operations">Network Operations</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/solutions/security-operations" class="menu--link" title="Security Operations" data-once="ga-event-path" data-ga-path="Solutions &gt; By Role &gt; Security Operations">Security Operations</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/solutions/site-reliability-engineering" class="menu--link" title="Site Reliability Engineering" data-once="ga-event-path" data-ga-path="Solutions &gt; By Role &gt; Site Reliability Engineering">Site Reliability Engineering</a>                            </li>
                        </ul>
                      </div>
                    </div>
                    <div id="item--TechnologyPartners" class="ns-menu__submenu ns-menu__submenu--level-1 use-three-columns next-level-semibold">

                      <button class="level-1-trigger ns-h3" data-once="mobile-menu-li-1">Technology Partners</button>





                      <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-1 menu-type-default use-three-columns next-level-semibold">


                        <ul class="menu menu-level-2">

                          <li class="menu-item">
                            <a href="https://www.netscout.com/technology-partners/amazon-web-services" title="AWS" class="menu--link" data-once="ga-event-path" data-ga-path="Solutions &gt; Technology Partners &gt; AWS">AWS</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/technology-partners/cisco-systems" class="menu--link" title="Cisco Systems" data-once="ga-event-path" data-ga-path="Solutions &gt; Technology Partners &gt; Cisco Systems">Cisco Systems</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/technology-partners/citrix" class="menu--link" title="Citrix"  data-once="ga-event-path" data-ga-path="Solutions &gt; Technology Partners &gt; Citrix">Citrix</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/technology-partners/dell-technologies" class="menu--link" title="Dell Technologies" data-once="ga-event-path" data-ga-path="Solutions &gt; Technology Partners &gt; Dell Technologies">Dell Technologies</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/technology-partners/f5" class="menu--link" title="F5" data-once="ga-event-path" data-ga-path="Solutions &gt; Technology Partners &gt; F5">F5</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/technology-partners/google-cloud" class="menu--link" title="Google Cloud" data-once="ga-event-path" data-ga-path="Solutions &gt; Technology Partners &gt; Google Cloud">Google Cloud</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/technology-partners/microsoft" class="menu--link" title="Microsoft" data-once="ga-event-path" data-ga-path="Solutions &gt; Technology Partners &gt; Microsoft">Microsoft</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/technology-partners/oracle-cloud-infrastructure" title="Oracle" class="menu--link"  data-once="ga-event-path" data-ga-path="Solutions &gt; Technology Partners &gt; Oracle">Oracle</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/technology-partners/palo-alto-networks" class="menu--link" title="Palo Alto Networks"  data-once="ga-event-path" data-ga-path="Solutions &gt; Technology Partners &gt; Palo Alto Networks">Palo Alto Networks</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/technology-partners/red-hat" class="menu--link" title="Red Hat"  data-once="ga-event-path" data-ga-path="Solutions &gt; Technology Partners &gt; Red Hat">Red Hat</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/technology-partners/servicenow" class="menu--link" title="ServiceNow" data-once="ga-event-path" data-ga-path="Solutions &gt; Technology Partners &gt; ServiceNow">ServiceNow</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/technology-partners/splunk" class="menu--link" title="Splunk"  data-once="ga-event-path" data-ga-path="Solutions &gt; Technology Partners &gt; Splunk">Splunk</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/technology-partners/vmware" class="menu--link" title="VMware"  data-once="ga-event-path" data-ga-path="Solutions &gt; Technology Partners &gt; VMware">VMware</a>                            </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </li>

              <li class="menu-item menu-item--expanded" tabindex="0" data-once="desktop-menu-li">
                <span class="menu-item--text" title="Products">Products</span>


                <div class="menu_link_content menu-link-contentmegamenu view-mode-default contextual-region menu-dropdown menu-dropdown-0 menu-type-default">



                  <div class="header-sub-menu-mobile">
                    <button class="back-button">
                      <svg width="17" height="9" viewBox="0 0 16.77 9.09" xmlns="http://www.w3.org/2000/svg">
                        <path d="M5.18,6.55l8,8,8-8" transform="translate(-4.83 -6.2)" fill="none" stroke="#97D700"></path>
                      </svg>
                    </button>
                    <span class="menu-level-0--title"></span>
                  </div>
                  <ul class="menu menu-level-1">



                    <li class="menu-item menu-item--expanded Observability" data-submenu="Observability" tabindex="0" data-once="menu-level-1-click">
                      <span class="use-three-columns next-level-semibold menu-item--text" title="Observability">Observability</span>
                    </li>



                    <li class="menu-item menu-item--expanded Cybersecurity" data-submenu="Cybersecurity" tabindex="0" data-once="menu-level-1-click">
                      <span class="use-two-columns next-level-semibold menu-item--text" title="Cybersecurity">Cybersecurity</span>
                    </li>



                    <li class="menu-item menu-item--expanded DDoSProtection" data-submenu="DDoSProtection" tabindex="0" data-once="menu-level-1-click">
                      <span class="use-two-columns next-level-semibold menu-item--text" title="DDoS Protection">DDoS Protection</span>
                    </li>



                    <li class="menu-item menu-item--expanded MobileandFixed" data-submenu="MobileandFixed" tabindex="0" data-once="menu-level-1-click">
                      <span class="use-two-columns next-level-semibold menu-item--text" title="Mobile and Fixed">Mobile and Fixed</span>
                    </li>



                    <li class="menu-item menu-item--expanded AIOps" data-submenu="AIOps" tabindex="0" data-once="menu-level-1-click">
                      <span class="next-level-semibold menu-item--text" title="AIOps">AIOps</span>
                    </li>
                  </ul>
                  <div class="ns-menu__sidebar">
                    <div id="item--Observability" class="ns-menu__submenu ns-menu__submenu--level-1 use-three-columns next-level-semibold active">

                      <button class="level-1-trigger ns-h3">Observability</button>



                      <div class="menu_link_content menu-link-contentmegamenu view-mode-default contextual-region menu-dropdown menu-dropdown-1 menu-type-default use-three-columns next-level-semibold no-featured-item">

                        <ul class="menu menu-level-2">

                          <li class="menu-item--top-display menu-item">
                            <a href="https://www.netscout.com/products" class="menu--link--green menu--link--bold menu--link" title="See all products" data-once="ga-event-path" data-ga-path="Products &gt; Observability &gt; See all products">See all products</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/ngeniusone-solution" class="menu--link menu--link--bold" title="nGeniusONE for Enterprise" data-once="ga-event-path" data-ga-path="Products &gt; Observability &gt; nGeniusONE for Enterprise">nGeniusONE for Enterprise</a><div class="menu--description">Enable real-time visibility into any enterprise network environment to improve performance.</div>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/isng-platform" class="menu--link menu--link--bold" title="InfiniStreamNG" data-once="ga-event-path" data-ga-path="Products &gt; Observability &gt; InfiniStreamNG">InfiniStreamNG</a><div class="menu--description">Capture, store, and analyze packet-level data in real time to help optimize performance across IT infrastructures.</div>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/vstream" class="menu--link menu--link--bold" title="vSTREAM" data-once="ga-event-path" data-ga-path="Products &gt; Observability &gt; vSTREAM">vSTREAM</a><div class="menu--description">Improve visibility into virtualized and cloud environments with deep packet inspection.</div>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/ngeniuspulse" class="menu--link menu--link--bold" title="nGeniusPULSE" data-once="ga-event-path" data-ga-path="Products &gt; Observability &gt; nGeniusPULSE">nGeniusPULSE</a><div class="menu--description">Continuously test and track the performance of applications and network services across all IT infrastructures.</div>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/ngenius-edge-sensor" class="menu--link menu--link--bold" title="nGenius Edge Sensor"  data-once="ga-event-path" data-ga-path="Products &gt; Observability &gt; nGenius Edge Sensor">nGenius Edge Sensor</a><div class="menu--description">Improve visibility across remote sites and network edges to enable observability throughout your distributed network.</div>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/omnis-klearsight-sensor" class="menu--link menu--link--bold" title="Omnis KlearSight Sensor" data-once="ga-event-path" data-ga-path="Products &gt; Observability &gt; Omnis KlearSight Sensor">Omnis KlearSight Sensor</a><div class="menu--description">Leverage eBPF to deliver packet-level visibility for Kubernetes performance and troubleshooting.</div>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/packet-flow-switches-and-taps" class="menu--link menu--link--bold" title="nGenius Packet Switches"  data-once="ga-event-path" data-ga-path="Products &gt; Observability &gt; nGenius Packet Switches">nGenius Packet Switches</a><div class="menu--description">Packet flow switch architectures enable pervasive visibility across network environments.</div>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/omnis-sensor" class="menu--link menu--link--bold" title="Omnis Sensor" data-once="ga-event-path" data-ga-path="Products &gt; Observability &gt; Omnis Sensor">Omnis Sensor</a><div class="menu--description">Unparalleled telemetry insights at enterprise speed and scale across your entire IT ecosystem.</div>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/omnis-streamer" class="menu--link menu--link--bold" title="Omnis Streamer" data-once="ga-event-path" data-ga-path="Products &gt; Observability &gt; Omnis Streamer">Omnis Streamer</a><div class="menu--description">Build data pipelines that sift through the noise to improve IT operations and AI/ML workflows.</div>                            </li>
                        </ul>



                      </div>



                    </div>
                    <div id="item--Cybersecurity" class="ns-menu__submenu ns-menu__submenu--level-1 use-two-columns next-level-semibold">

                      <button class="level-1-trigger ns-h3">Cybersecurity</button>



                      <div class="menu_link_content menu-link-contentmegamenu view-mode-default contextual-region menu-dropdown menu-dropdown-1 menu-type-default use-two-columns next-level-semibold">

                        <ul class="menu menu-level-2">

                          <li class="menu-item--top-display menu-item">
                            <a href="https://www.netscout.com/products" class="menu--link--green menu--link--bold menu--link" title="See all products" data-once="ga-event-path" data-ga-path="Products &gt; Cybersecurity &gt; See all products">See all products</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/cyber-intelligence" class="menu--link menu--link--bold" title="Omnis Cyber Intelligence" data-once="ga-event-path" data-ga-path="Products &gt; Cybersecurity &gt; Omnis Cyber Intelligence">Omnis Cyber Intelligence</a><div class="menu--description">Leverage packet-level insights to reduce the time between threat detection and response with threat investigation.</div>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/omnis-cyberstream" title="Omnis CyberStream" class="menu--link menu--link--bold"  data-once="ga-event-path" data-ga-path="Products &gt; Cybersecurity &gt; Omnis CyberStream">Omnis CyberStream</a><div class="menu--description">Detect, investigate, and respond to cyberthreats in real-time by leveraging packet-level insights.</div>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/ngenius-decryption-appliance" class="menu--link menu--link--bold" title="nGenius Decryption Appliance"  data-once="ga-event-path" data-ga-path="Products &gt; Cybersecurity &gt; nGenius Decryption Appliance">nGenius Decryption Appliance</a><div class="menu--description">Decrypt SSL and TLS-encrypted traffic to enable visibility into hidden threats within network traffic.</div>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/omnis-sensor" class="menu--link menu--link--bold" title="Omnis Sensor" data-once="ga-event-path" data-ga-path="Products &gt; Cybersecurity &gt; Omnis Sensor">Omnis Sensor</a><div class="menu--description">Unparalleled telemetry insights at enterprise speed and scale across your entire IT ecosystem.</div>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/omnis-streamer" class="menu--link menu--link--bold" title="Omnis Streamer" data-once="ga-event-path" data-ga-path="Products &gt; Cybersecurity &gt; Omnis Streamer">Omnis Streamer</a><div class="menu--description">Build data pipelines that sift through the noise to improve IT operations and AI/ML workflows.</div>                            </li>
                        </ul>



                      </div>



                    </div>
                    <div id="item--DDoSProtection" class="ns-menu__submenu ns-menu__submenu--level-1 use-two-columns next-level-semibold">

                      <button class="level-1-trigger ns-h3">DDoS Protection</button>



                      <div class="menu_link_content menu-link-contentmegamenu view-mode-default contextual-region menu-dropdown menu-dropdown-1 menu-type-default use-two-columns next-level-semibold">

                        <ul class="menu menu-level-2">

                          <li class="menu-item--top-display menu-item">
                            <a href="https://www.netscout.com/products" class="menu--link--green menu--link--bold menu--link" title="See all products" data-once="ga-event-path" data-ga-path="Products &gt; DDoS Protection &gt; See all products">See all products</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/arbor-sightline" class="menu--link menu--link--bold" title="Arbor Sightline" data-once="ga-event-path" data-ga-path="Products &gt; DDoS Protection &gt; Arbor Sightline">Arbor Sightline</a><div class="menu--description">Leverage network intelligence to detect, analyze, and respond to DDoS threats across the most complex networks.</div>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/arbor-edge-defense" class="menu--link menu--link--bold" title="Arbor Edge Defense" data-once="ga-event-path" data-ga-path="Products &gt; DDoS Protection &gt; Arbor Edge Defense">Arbor Edge Defense</a><div class="menu--description">Powerful AI/ML-powered stateless DDoS protection helps maintain availability to critical services and applications.</div>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/arbor-sightline-mobile" class="menu--link menu--link--bold" title="Arbor Sightline Mobile"  data-once="ga-event-path" data-ga-path="Products &gt; DDoS Protection &gt; Arbor Sightline Mobile">Arbor Sightline Mobile</a><div class="menu--description">Safeguard mobile services and ensure network performance and security.</div>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/arbor-cloud" class="menu--link menu--link--bold" title="Arbor Cloud" data-once="ga-event-path" data-ga-path="Products &gt; DDoS Protection &gt; Arbor Cloud">Arbor Cloud</a><div class="menu--description">Cloud DDoS protection that defends against large-scale, volumetric attacks.</div>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/arbor-threat-mitigation-system" class="menu--link menu--link--bold" title="Arbor Threat Mitigation System"  data-once="ga-event-path" data-ga-path="Products &gt; DDoS Protection &gt; Arbor Threat Mitigation System">Arbor Threat Mitigation System</a><div class="menu--description">Detect, mitigate, and prevent DDoS attacks with real-time traffic analysis and automated attack mitigation. </div>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/global-threat-intelligence" class="menu--link menu--link--bold" title="Arbor ATLAS Threat Intelligence" data-once="ga-event-path" data-ga-path="Products &gt; DDoS Protection &gt; Arbor ATLAS Threat Intelligence">Arbor ATLAS Threat Intelligence</a><div class="menu--description">Gain insights into current cyberthreats and their tactics, enhancing DDoS protection solutions.</div>                            </li>
                        </ul>



                      </div>



                    </div>
                    <div id="item--MobileandFixed" class="ns-menu__submenu ns-menu__submenu--level-1 use-two-columns next-level-semibold">

                      <button class="level-1-trigger ns-h3">Mobile and Fixed</button>



                      <div class="menu_link_content menu-link-contentmegamenu view-mode-default contextual-region menu-dropdown menu-dropdown-1 menu-type-default use-two-columns next-level-semibold">

                        <ul class="menu menu-level-2">

                          <li class="menu-item--top-display menu-item">
                            <a href="https://www.netscout.com/products" class="menu--link--green menu--link--bold menu--link" title="See all products" data-once="ga-event-path" data-ga-path="Products &gt; Mobile and Fixed &gt; See all products">See all products</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/ngeniusone-csp" class="menu--link menu--link--bold" title="nGeniusONE for Carrier" data-once="ga-event-path" data-ga-path="Products &gt; Mobile and Fixed &gt; nGeniusONE for Carrier">nGeniusONE for Carrier</a><div class="menu--description">Assure a premium user experience with end-to-end visibility across network domains, service enablers, and devices.</div>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/isng-platform" class="menu--link menu--link--bold" title=" InfiniStreamNG" data-once="ga-event-path" data-ga-path="Products &gt; Mobile and Fixed &gt; InfiniStreamNG"> InfiniStreamNG</a><div class="menu--description">Access real-time views of RAN control plane for end-to-end visibility across physical and virtual network environments.</div>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/isng-ran" class="menu--link menu--link--bold" title="InfiniStreamNG RAN" data-once="ga-event-path" data-ga-path="Products &gt; Mobile and Fixed &gt; InfiniStreamNG RAN">InfiniStreamNG RAN</a><div class="menu--description">Prioritize the mobile subscriber experience with scalable, cost-effective and cloud-ready RAN network monitoring.</div>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/ngenius-session-analyzer" class="menu--link menu--link--bold" title="nGenius Session Analyzer" data-once="ga-event-path" data-ga-path="Products &gt; Mobile and Fixed &gt; nGenius Session Analyzer">nGenius Session Analyzer</a><div class="menu--description">Isolate and resolve congestion and interference problems contributing to 70% of all subscriber issues.</div>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/truecall" class="menu--link menu--link--bold" title="TrueCall" data-once="ga-event-path" data-ga-path="Products &gt; Mobile and Fixed &gt; TrueCall">TrueCall</a><div class="menu--description">Improve your understanding of network capacity and complexity with true user performance insights.</div>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/omnis-ran-automated-analytics-automated-optimization" class="menu--link menu--link--bold" title="Omnis RAN" data-once="ga-event-path" data-ga-path="Products &gt; Mobile and Fixed &gt; Omnis RAN">Omnis RAN</a><div class="menu--description">Stay ahead of capacity and mobility targets with unique Al-ready datasets aligned to address growing RAN complexities.</div>                            </li>
                        </ul>



                      </div>



                    </div>
                    <div id="item--AIOps" class="ns-menu__submenu ns-menu__submenu--level-1 next-level-semibold">

                      <button class="level-1-trigger ns-h3">AIOps</button>



                      <div class="menu_link_content menu-link-contentmegamenu view-mode-default contextual-region menu-dropdown menu-dropdown-1 menu-type-default next-level-semibold">

                        <ul class="menu menu-level-2">

                          <li class="menu-item--top-display menu-item">
                            <a href="https://www.netscout.com/products" class="menu--link--green menu--link--bold menu--link" title="See all products" data-once="ga-event-path" data-ga-path="Products &gt; AIOps &gt; See all products">See all products</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/omnis-sensor" class="menu--link menu--link--bold" title="Omnis Sensor" data-once="ga-event-path" data-ga-path="Products &gt; AIOps &gt; Omnis Sensor">Omnis Sensor</a><div class="menu--description">Unparalleled telemetry insights at enterprise speed and scale across your entire IT ecosystem.</div>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/product/omnis-streamer" class="menu--link menu--link--bold" title="Omnis Streamer" data-once="ga-event-path" data-ga-path="Products &gt; AIOps &gt; Omnis Streamer">Omnis Streamer</a><div class="menu--description">Build data pipelines that sift through the noise to improve IT operations and AI/ML workflows.</div>                            </li>
                        </ul>



                      </div>



                    </div>
                  </div>



                </div>



              </li>

              <li class="menu-item menu-item--expanded mobile-open" tabindex="0" data-once="desktop-menu-li mobile-menu-li">
                <span class="menu-item--text" title="Support &amp; Resources">Support &amp; Resources</span>
                <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-0 menu-type-default mobile-open">
                  <div class="header-sub-menu-mobile">
                    <button class="back-button">
                      <svg width="17" height="9" viewBox="0 0 16.77 9.09" xmlns="http://www.w3.org/2000/svg">
                        <path d="M5.18,6.55l8,8,8-8" transform="translate(-4.83 -6.2)" fill="none" stroke="#97D700"></path>
                      </svg>
                    </button>
                    <span class="menu-level-0--title">Support &amp; Resources</span>
                  </div>
                  <ul class="menu menu-level-1">
                    <li class="menu-item menu-item--expanded BlogsResourcesWebinars" data-submenu="BlogsResourcesWebinars" tabindex="0" data-once="menu-level-1-click">
                      <span class="menu-item--text" title="Blogs, Resources, &amp; Webinars">Blogs, Resources, &amp; Webinars</span>
                    </li>
                    <li class="menu-item menu-item--expanded IntelligenceReports" data-submenu="IntelligenceReports" tabindex="0" data-once="menu-level-1-click">
                      <span class="menu-item--text" title="Intelligence &amp; Reports">Intelligence &amp; Reports</span>
                    </li>
                    <li class="menu-item menu-item--expanded SupportTraining" data-submenu="SupportTraining" tabindex="0" data-once="menu-level-1-click">
                      <span class="menu-item--text" title="Support &amp; Training">Support &amp; Training</span>
                    </li>
                  </ul>
                  <div class="ns-menu__sidebar">
                    <div id="item--BlogsResourcesWebinars" class="ns-menu__submenu ns-menu__submenu--level-1 active">
                      <button class="level-1-trigger ns-h3" data-once="mobile-menu-li-1">Blogs, Resources, &amp; Webinars</button>
                      <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-1 menu-type-default no-featured-item use-two-columns">
                        <ul class="menu menu-level-2">
                          <li class="menu-item">
                            <a href="https://www.netscout.com/blog" class="menu--link menu--link--bold" title="Blog" data-drupal-link-system-path="blog" data-once="ga-event-path" data-ga-path="Support &amp; Resources &gt; Blogs, Resources, &amp; Webinars &gt; Blog">Blog</a><div class="menu--description">Stay updated with the latest insights, tips, and news on our blog. </div>                            </li>
                          <li class="menu-item">
                            <a href="https://www.netscout.com/resources" class="menu--link menu--link--bold" title="Resource Library" target="_blank" data-once="ga-event-path" data-ga-path="Support &amp; Resources &gt; Blogs, Resources, &amp; Webinars &gt; Resource Library">Resource Library</a><div class="menu--description">Explore the latest case studies, whitepapers, eBooks, and more to discover real-world applications of our products and solutions.</div>                            </li>
                          <li class="menu-item">
                            <a href="https://www.netscout.com/learning-center" class="menu--link menu--link--bold" title="Learning Center" data-drupal-link-system-path="node/91266" data-once="ga-event-path" data-ga-path="Support &amp; Resources &gt; Blogs, Resources, &amp; Webinars &gt; Learning Center">Learning Center</a><div class="menu--description">Quickly learn the definitions of key phrases in networking, security, and DDoS. </div>                            </li>
                          <li class="menu-item">
                            <a href="https://www.netscout.com/webinars" class="menu--link menu--link--bold" title="Webinars" data-drupal-link-system-path="node/68621" data-once="ga-event-path" data-ga-path="Support &amp; Resources &gt; Blogs, Resources, &amp; Webinars &gt; Webinars">Webinars</a><div class="menu--description">Gain insights from product and industry experts through our live &amp; on-demand webinars. </div>                            </li>
                        </ul>
                      </div>
                    </div>
                    <div id="item--IntelligenceReports" class="ns-menu__submenu ns-menu__submenu--level-1">
                      <button class="level-1-trigger ns-h3" data-once="mobile-menu-li-1">Intelligence &amp; Reports</button>
                      <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-1 menu-type-default no-featured-item">
                        <ul class="menu menu-level-2">
                          <li class="menu-item">
                            <a href="https://www.netscout.com/asert" class="menu--link menu--link--bold" title="ASERT Threat Intelligence Team" data-drupal-link-system-path="node/94029" data-once="ga-event-path" data-ga-path="Support &amp; Resources &gt; Intelligence &amp; Reports &gt; ASERT Threat Intelligence Team">ASERT Threat Intelligence Team</a><div class="menu--description">Meet the ASERT team, the leading experts on DDoS and cyber threat intelligence. </div>                            </li>
                          <li class="menu-item">
                            <a href="https://www.netscout.com/threatreport/" class="menu--link menu--link--bold" title="DDoS Threat Intelligence Report" target="_blank" data-once="ga-event-path" data-ga-path="Support &amp; Resources &gt; Intelligence &amp; Reports &gt; DDoS Threat Intelligence Report">DDoS Threat Intelligence Report</a><div class="menu--description">Learn about the latest DDoS trends and statistics powered by NETSCOUT’s industry-leading global internet traffic visibility.</div>                            </li>
                          <li class="menu-item">
                            <a href="https://www.netscout.com/horizon" class="menu--link menu--link--bold" title="Cyber Threat Horizon" data-drupal-link-system-path="node/83801" data-once="ga-event-path" data-ga-path="Support &amp; Resources &gt; Intelligence &amp; Reports &gt; Cyber Threat Horizon">Cyber Threat Horizon</a><div class="menu--description">Look at live DDoS attack maps to discover what attacks are occurring in real-time. </div>                            </li>
                        </ul>
                      </div>
                    </div>
                    <div id="item--SupportTraining" class="ns-menu__submenu ns-menu__submenu--level-1">
                      <button class="level-1-trigger ns-h3" data-once="mobile-menu-li-1">Support &amp; Training</button>
                      <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-1 menu-type-default no-featured-item">
                        <ul class="menu menu-level-2">
                          <li class="menu-item">
                            <a href="https://www.netscout.com/support-services" class="menu--link menu--link--bold" title="Overview" data-drupal-link-system-path="node/78701" data-once="ga-event-path" data-ga-path="Support &amp; Resources &gt; Support &amp; Training &gt; Overview">Overview</a><div class="menu--description">Get support for your products and solutions to maximize the value of your investment. </div>                            </li>
                          <li class="menu-item">
                            <a href="https://my.netscout.com/Pages/overview.aspx" class="menu--link menu--link--bold" title="My.NETSCOUT" target="_blank" data-once="ga-event-path" data-ga-path="Support &amp; Resources &gt; Support &amp; Training &gt; My.NETSCOUT">My.NETSCOUT</a><div class="menu--description">Existing customers, log in to MyNETSCOUT to access additional assets, resources, and support channels.</div>                            </li>
                          <li class="menu-item">
                            <a href="https://www.netscout.com/university" class="menu--link menu--link--bold" title="NETSCOUT University"  data-once="ga-event-path" data-ga-path="Support &amp; Resources &gt; Support &amp; Training &gt; NETSCOUT University">NETSCOUT University</a><div class="menu--description">Our mission is to help you and your team to successfully implement NETSCOUT’s solutions so that your network functions seamlessly and effectively.</div>                            </li>
                          <li class="menu-item">
                            <a href="https://www.netscout.com/no-latency" class="menu--link menu--link--bold" title="NO LATENCY" data-drupal-link-system-path="node/93914" data-once="ga-event-path" data-ga-path="Support &amp; Resources &gt; Support &amp; Training &gt; NO LATENCY">NO LATENCY</a><div class="menu--description">Explore tech tips, use cases, and more in our NO LATENCY newsletter.  </div>                            </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </li>
              <li class="menu-row-justify-start menu-item menu-item--expanded" tabindex="0" data-once="desktop-menu-li mobile-menu-li">
                <span class="menu-item--text" title="Company">Company</span>
                <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-0 menu-type-default">
                  <div class="header-sub-menu-mobile">
                    <button class="back-button">
                      <svg width="17" height="9" viewBox="0 0 16.77 9.09" xmlns="http://www.w3.org/2000/svg">
                        <path d="M5.18,6.55l8,8,8-8" transform="translate(-4.83 -6.2)" fill="none" stroke="#97D700"></path>
                      </svg>
                    </button>
                    <span class="menu-level-0--title">Company</span>
                  </div>
                  <ul class="menu menu-level-1">
                    <li class="menu-item menu-item--expanded AboutUs" data-submenu="AboutUs" tabindex="0" data-once="menu-level-1-click">
                      <span class="use-two-columns next-level-semibold menu-item--text" title="About Us">About Us</span>
                    </li>
                    <li class="menu-item menu-item--expanded NewsEvents" data-submenu="NewsEvents" tabindex="0" data-once="menu-level-1-click">
                      <span class="next-level-semibold menu-item--text" title="News &amp; Events">News &amp; Events</span>
                    </li>
                    <li class="menu-item menu-item--expanded Partners" data-submenu="Partners" tabindex="0" data-once="menu-level-1-click">
                      <span class="next-level-semibold menu-item--text" title="Partners">Partners</span>
                    </li>
                  </ul>
                  <div class="ns-menu__sidebar">
                    <div id="item--AboutUs" class="ns-menu__submenu ns-menu__submenu--level-1 use-two-columns next-level-semibold">
                      <button class="level-1-trigger ns-h3" data-once="mobile-menu-li-1">About Us</button>
                      <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-1 menu-type-default use-two-columns next-level-semibold no-featured-item">
                        <ul class="menu menu-level-2">
                          <li class="menu-item">
                            <a href="https://www.netscout.com/company" class="menu--link" title="About Us" data-drupal-link-system-path="node/78836" data-once="ga-event-path" data-ga-path="Company &gt; About Us &gt; About Us">About Us</a>                            </li>
                          <li class="menu-item">
                            <a href="https://www.netscout.com/company/board-of-directors" class="menu--link" title="Board of Directors" data-drupal-link-system-path="node/97069" data-once="ga-event-path" data-ga-path="Company &gt; About Us &gt; Board of Directors">Board of Directors</a>                            </li>
                          <li class="menu-item">
                            <a href="https://www.netscout.com/company/be-a-guardian" class="menu--link" title="Careers" data-drupal-link-system-path="node/84566" data-once="ga-event-path" data-ga-path="Company &gt; About Us &gt; Careers">Careers</a>                            </li>
                          <li class="menu-item">
                            <a href="https://www.netscout.com/company/reviews" class="menu--link" title="Customer Reviews" data-drupal-link-system-path="node/97158" data-once="ga-event-path" data-ga-path="Company &gt; About Us &gt; Customer Reviews">Customer Reviews</a>                            </li>
                          <li class="menu-item">
                            <a href="https://www.netscout.com/corporate-social-responsibility" class="menu--link" title="Environmental, Social, and Governance" data-once="ga-event-path" data-ga-path="Company &gt; About Us &gt; Environmental, Social, and Governance">Environmental, Social, and Governance</a>                            </li>
                          <li class="menu-item">
                            <a href="https://www.netscout.com/company/executive-team" class="menu--link" title="Executive Team" data-once="ga-event-path" data-ga-path="Company &gt; About Us &gt; Executive Team">Executive Team</a>                            </li>
                          <li class="menu-item">
                            <a href="https://www.netscout.com/company/analyst-perspectives" class="menu--link" title="Industry Analyst Perspectives" data-once="ga-event-path" data-ga-path="Company &gt; About Us &gt; Industry Analyst Perspectives">Industry Analyst Perspectives</a>                            </li>
                          <li class="menu-item">
                            <a href="https://ir.netscout.com/" class="menu--link" title="Investor Relations" target="_blank" data-once="ga-event-path" data-ga-path="Company &gt; About Us &gt; Investor Relations">Investor Relations</a>                            </li>
                        </ul>
                      </div>
                    </div>
                    <div id="item--NewsEvents" class="ns-menu__submenu ns-menu__submenu--level-1 next-level-semibold">
                      <button class="level-1-trigger ns-h3" data-once="mobile-menu-li-1">News &amp; Events</button>
                      <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-1 menu-type-default next-level-semibold">
                        <ul class="menu menu-level-2">
                          <li class="menu-item">
                            <a href="https://www.netscout.com/events" class="menu--link" title="Events"  data-once="ga-event-path" data-ga-path="Company &gt; News &amp; Events &gt; Events">Events</a>                            </li>

                          <li class="menu-item">
                            <a href="https://www.netscout.com/news" class="menu--link" title="Newsroom" data-once="ga-event-path" data-ga-path="Company &gt; News &amp; Events &gt; Newsroom">Newsroom</a>                            </li>
                        </ul>
                      </div>
                    </div>
                    <div id="item--Partners" class="ns-menu__submenu ns-menu__submenu--level-1 next-level-semibold">
                      <button class="level-1-trigger ns-h3" data-once="mobile-menu-li-1">Partners</button>
                      <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-1 menu-type-default next-level-semibold">
                        <ul class="menu menu-level-2">
                          <li class="menu-item">
                            <a href="https://netscout.zinfi.net/" class="menu--link" title="Partner Portal" target="_blank" rel="nofollow noopener" data-once="ga-event-path" data-ga-path="Company &gt; Partners &gt; Partner Portal">Partner Portal</a>                            </li>
                          <li class="menu-item menu-item--expanded">
                            <span class="menu--link menu--link--bold" title="Become a Partner">Become a Partner</span>
                            <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-2 menu-type-default">
                              <ul class="menu menu-level-3">
                                <li class="menu-item">
                                  <a href="https://www.netscout.com/resources/other-documents/netscout-connect360-partner-program-guide" class="menu--link" title="Learn about our NETSCOUT Connect 360 partner program." target="_blank" data-once="ga-event-path" data-ga-path="Company &gt; Partners &gt; Become a Partner &gt; Learn about our NETSCOUT Connect 360 partner program.">Learn about our NETSCOUT Connect 360 partner program.</a>                            </li>
                              </ul>
                            </div>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </li>
            </ul>
          </nav></div>
      </div>
      <div class="ns-menu__primary--aside">



        <div class="ns-menu__search__wrapper">
          <div class="ns-flex__row--basic ns-flex__row--align-center">



            <div id="block-netscout-headerblocklogin" class="block block-block-content block-block-content7a4d20b2-07db-48f3-a8ec-2a70b1791ce3">




              <p><a class="link link--black link--no-underline font--weight-semibold" href="https://my.netscout.com">myNETSCOUT</a></p>



            </div>




            <div class="language-switcher-language-url block block-language block-language-blocklanguage-content" id="block-languageswitchercontent" role="navigation">
              <div class="ns-language__wrapper ns-display-position--relative hidden">
                <button class="ns-language__selected" data-once="lang-selected">
      <span class="globe">
        <svg class="static" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#323E48" d="M256 480c16.7 0 40.4-14.4 61.9-57.3c9.9-19.8 18.2-43.7 24.1-70.7l-172 0c5.9 27 14.2 50.9 24.1 70.7C215.6 465.6 239.3 480 256 480zM164.3 320l183.4 0c2.8-20.2 4.3-41.7 4.3-64s-1.5-43.8-4.3-64l-183.4 0c-2.8 20.2-4.3 41.7-4.3 64s1.5 43.8 4.3 64zM170 160l172 0c-5.9-27-14.2-50.9-24.1-70.7C296.4 46.4 272.7 32 256 32s-40.4 14.4-61.9 57.3C184.2 109.1 175.9 133 170 160zm210 32c2.6 20.5 4 41.9 4 64s-1.4 43.5-4 64l90.8 0c6-20.3 9.3-41.8 9.3-64s-3.2-43.7-9.3-64L380 192zm78.5-32c-25.9-54.5-73.1-96.9-130.9-116.3c21 28.3 37.6 68.8 47.2 116.3l83.8 0zm-321.1 0c9.6-47.6 26.2-88 47.2-116.3C126.7 63.1 79.4 105.5 53.6 160l83.7 0zm-96 32c-6 20.3-9.3 41.8-9.3 64s3.2 43.7 9.3 64l90.8 0c-2.6-20.5-4-41.9-4-64s1.4-43.5 4-64l-90.8 0zM327.5 468.3c57.8-19.5 105-61.8 130.9-116.3l-83.8 0c-9.6 47.6-26.2 88-47.2 116.3zm-143 0c-21-28.3-37.5-68.8-47.2-116.3l-83.7 0c25.9 54.5 73.1 96.9 130.9 116.3zM256 512A256 256 0 1 1 256 0a256 256 0 1 1 0 512z"></path></svg>
        <svg class="hover" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#97D700" d="M256 480c16.7 0 40.4-14.4 61.9-57.3c9.9-19.8 18.2-43.7 24.1-70.7l-172 0c5.9 27 14.2 50.9 24.1 70.7C215.6 465.6 239.3 480 256 480zM164.3 320l183.4 0c2.8-20.2 4.3-41.7 4.3-64s-1.5-43.8-4.3-64l-183.4 0c-2.8 20.2-4.3 41.7-4.3 64s1.5 43.8 4.3 64zM170 160l172 0c-5.9-27-14.2-50.9-24.1-70.7C296.4 46.4 272.7 32 256 32s-40.4 14.4-61.9 57.3C184.2 109.1 175.9 133 170 160zm210 32c2.6 20.5 4 41.9 4 64s-1.4 43.5-4 64l90.8 0c6-20.3 9.3-41.8 9.3-64s-3.2-43.7-9.3-64L380 192zm78.5-32c-25.9-54.5-73.1-96.9-130.9-116.3c21 28.3 37.6 68.8 47.2 116.3l83.8 0zm-321.1 0c9.6-47.6 26.2-88 47.2-116.3C126.7 63.1 79.4 105.5 53.6 160l83.7 0zm-96 32c-6 20.3-9.3 41.8-9.3 64s3.2 43.7 9.3 64l90.8 0c-2.6-20.5-4-41.9-4-64s1.4-43.5 4-64l-90.8 0zM327.5 468.3c57.8-19.5 105-61.8 130.9-116.3l-83.8 0c-9.6 47.6-26.2 88-47.2 116.3zm-143 0c-21-28.3-37.5-68.8-47.2-116.3l-83.7 0c25.9 54.5 73.1 96.9 130.9 116.3zM256 512A256 256 0 1 1 256 0a256 256 0 1 1 0 512z"></path></svg>
      </span>
                </button>
                <nav class="ns-language__list__wrapper bkg--grey" data-once="check-if-visible">








                </nav>
              </div>
            </div>



            <div id="block-netscout-netscoutsearch" class="block block-ns-search block-ns-search-simple-block">

              <button class="toggle-search">
                <svg class="static" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#323E48" d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z"></path></svg>
                <svg class="active" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#97D700" d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z"></path></svg>
              </button>
              <div class="desktop-search-wrapper">
                <form action="/search" method="get" accept-charset="UTF-8" class="ns-menu__search">
                  <label for="search" class="visually-hidden">Search</label>
                  <input placeholder="Search..." type="text" id="search" name="search" value="" maxlength="128" class="">
                  <input type="submit" id="submit-search" value="Search" class="">
                </form>
              </div>


            </div>






            <nav aria-labelledby="block-netscout-secondary-menu-mobile-footer" id="block-netscout-secondary-menu-mobile-footer" class="menu--secondary-menu ns-menu__nav__secondary">





              <ul class="menu menu-level-0">

                <li class="menu-item">
                  <a href="https://www.netscout.com/under-ddos-attack" class="ns-button ns-button--secondary menu-item--text" title="Under Attack?" data-drupal-link-system-path="node/88916" data-once="secondary-event">Under Attack?</a>





                  <div class="menu_link_content menu-link-contentsecondary-menu view-mode-default menu-dropdown menu-dropdown-0 menu-type-default ns-button ns-button--secondary">
                  </div>





                </li>

                <li class="menu-item">
                  <a href="https://www.netscout.com/contact-us" class="ns-button ns-button--primary menu-item--text" title="Contact Us" data-drupal-link-system-path="node/78486" data-once="secondary-event">Contact Us</a>




                  <div class="menu_link_content menu-link-contentsecondary-menu view-mode-default menu-dropdown menu-dropdown-0 menu-type-default ns-button ns-button--primary">
                  </div>





                </li>
              </ul>




            </nav>



          </div>
        </div>




      </div>
      <div class="ns-menu__mbl__header__main">
        <button class="mobile-nav ns-menu__burger" aria-label="Menu" aria-expanded="false">
          <span class="burger"><span></span><span></span><span></span><span></span></span>
        </button>
      </div>
    </div>
  </div>

  <div class="ns-menu__mbl__wrapper" data-active="0" style="max-height: none;">
    <div class="ns-menu__mbl__lang"></div>
    <div class="ns-menu__mbl__nav">
      <nav id="block-megamenu" class="menu--megamenu ns-menu__nav">

        <ul class="menu menu-level-0">

          <li class="menu-item" tabindex="0" data-once="mobile-menu-li">
            <a href="https://www.netscout.com/platform" class="menu-item--text" title="Platform" data-drupal-link-system-path="node/97246" data-once="ga-event-path" data-ga-path="Platform">Platform</a>

            <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-0 menu-type-default">
            </div>



          </li>

          <li class="menu-item menu-item--expanded menu-item--active-trail" tabindex="0" data-once="mobile-menu-li">
            <span class="menu-item--text" title="Solutions">Solutions</span>





            <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-0 menu-type-default">





              <div class="header-sub-menu-mobile">
                <button class="back-button">
                  <svg width="17" height="9" viewBox="0 0 16.77 9.09" xmlns="http://www.w3.org/2000/svg">
                    <path d="M5.18,6.55l8,8,8-8" transform="translate(-4.83 -6.2)" fill="none" stroke="#97D700"></path>
                  </svg>
                </button>
                <span class="menu-level-0--title">Solutions</span>
              </div>
              <ul class="menu menu-level-1">



                <li class="menu-item menu-item--expanded menu-item--active-trail KeyUseCases" data-submenu="KeyUseCases" tabindex="0">
                  <span class="use-four-columns menu-item--text" title="Key Use Cases">Key Use Cases</span>
                </li>



                <li class="menu-item menu-item--expanded Industries" data-submenu="Industries" tabindex="0">
                  <span class="use-three-columns next-level-semibold menu-item--text" title="Industries">Industries</span>
                </li>



                <li class="menu-item menu-item--expanded ByRole" data-submenu="ByRole" tabindex="0">
                  <span class="use-three-columns next-level-semibold menu-item--text" title="By Role">By Role</span>
                </li>



                <li class="menu-item menu-item--expanded TechnologyPartners" data-submenu="TechnologyPartners" tabindex="0">
                  <a href="https://www.netscout.com/technology-partners" class="use-three-columns next-level-semibold menu-item--text" title="Technology Partners" data-drupal-link-system-path="node/92116" data-once="ga-event-path" data-ga-path="Technology Partners">Technology Partners</a>
                </li>
              </ul>
              <div class="ns-menu__sidebar">
                <div id="item--KeyUseCases" class="ns-menu__submenu ns-menu__submenu--level-1 use-four-columns">

                  <button class="level-1-trigger ns-h3" data-once="mobile-menu-li-1">Key Use Cases</button>





                  <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-1 menu-type-default use-four-columns">



                    <ul class="menu menu-level-2">

                      <li class="menu-item--top-display menu-item">
                        <a href="https://www.netscout.com/" class="menu--link--green menu--link--bold menu--link" title="See all solutions" data-drupal-link-system-path="&lt;front&gt;" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; See all solutions">See all solutions</a>                            </li>

                      <li class="menu-item menu-item--expanded menu-item--active-trail">
                        <a href="https://www.netscout.com/observability" class="menu--link menu--link--bold is-active" title="Observability" data-drupal-link-system-path="node/97259" aria-current="page" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Observability">Observability</a>



                        <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-2 menu-type-default">



                          <ul class="menu menu-level-3">

                            <li class="menu-item">
                              <a href="https://www.netscout.com/solutions/network-observability" class="menu--link" title="Network Observability" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Observability &gt; Network Observability">Network Observability</a>                            </li>

                            <li class="menu-item">
                              <a href="https://www.netscout.com/solutions/network-performance-management" class="menu--link" title="Network Performance Management" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Observability &gt; Network Performance Management">Network Performance Management</a>                            </li>

                            <li class="menu-item">
                              <a href="https://www.netscout.com/solutions/application-performance-management" class="menu--link" title="Application Performance Management"  data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Observability &gt; Application Performance Management">Application Performance Management</a>                            </li>

                            <li class="menu-item">
                              <a href="https://www.netscout.com/solutions/aiops-enterprise" class="menu--link" title="AIOps for Enterprise" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Observability &gt; AIOps for Enterprise">AIOps for Enterprise</a>                            </li>

                            <li class="menu-item">
                              <a href="https://www.netscout.com/solutions/cloud-observability" class="menu--link" title="Cloud Observability" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Observability &gt; Cloud Observability">Cloud Observability</a>                            </li>

                            <li class="menu-item">
                              <a href="https://www.netscout.com/solutions/remote-site-observability" class="menu--link" title="Remote Site Observability" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Observability &gt; Remote Site Observability">Remote Site Observability</a>                            </li>

                            <li class="menu-item">
                              <a href="https://www.netscout.com/solutions/unified-communications-collaboration" class="menu--link" title="Unified Communications/UCaaS" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Observability &gt; Unified Communications/UCaaS">Unified Communications/UCaaS</a>                            </li>

                            <li class="menu-item">
                              <a href="https://www.netscout.com/solutions/vpn-vdi" class="menu--link" title="VPN/VDI"  data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Observability &gt; VPN/VDI">VPN/VDI</a>                            </li>

                            <li class="menu-item">
                              <a href="https://www.netscout.com/solutions/saas-observability" class="menu--link" title="SaaS" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Observability &gt; SaaS">SaaS Observability</a>                            </li>
                          </ul>





                        </div>





                      </li>

                      <li class="menu-item menu-item--expanded">
                        <a href="https://www.netscout.com/cybersecurity" class="menu--link menu--link--bold" title="Cybersecurity" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Cybersecurity">Cybersecurity</a>



                        <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-2 menu-type-default">



                          <ul class="menu menu-level-3">

                            <li class="menu-item">
                              <a href="https://www.netscout.com/solutions/threat-investigation" class="menu--link" title="Threat Investigation"  data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Cybersecurity &gt; Threat Investigation">Threat Investigation</a>                            </li>

                            <li class="menu-item">
                              <a href="https://www.netscout.com/solutions/threat-hunting" class="menu--link" title="Threat Hunting" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Cybersecurity &gt; Threat Hunting">Threat Hunting</a>                            </li>

                            <li class="menu-item">
                              <a href="https://www.netscout.com/solutions/ransomware" class="menu--link" title="Ransomware" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Cybersecurity &gt; Ransomware">Ransomware Resilience</a>                            </li>

                            <li class="menu-item">
                              <a href="https://www.netscout.com/solutions/zero-trust" class="menu--link" title="Zero Trust"  data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Cybersecurity &gt; Zero Trust">Zero Trust Enablement</a>                            </li>
                          </ul>





                        </div>





                      </li>

                      <li class="menu-item menu-item--expanded">
                        <a href="https://www.netscout.com/ddos-protection" class="menu--link menu--link--bold" title="DDoS Protection" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; DDoS Protection">DDoS Protection</a>




                        <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-2 menu-type-default">




                          <ul class="menu menu-level-3">

                            <li class="menu-item">
                              <a href="https://www.netscout.com/solutions/ddos-mitigation" class="menu--link" title="DDoS Mitigation for Enterprise"  data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; DDoS Protection &gt; DDoS Mitigation for Enterprise">DDoS Mitigation for Enterprise</a>                            </li>

                            <li class="menu-item">
                              <a href="https://www.netscout.com/solutions/service-provider-ddos-protection" class="menu--link" title="DDoS Mitigation for Service Providers" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; DDoS Protection &gt; DDoS Mitigation for Service Providers">DDoS Mitigation for Service Providers</a>                            </li>

                            <li class="menu-item">
                              <a href="https://www.netscout.com/solutions/firewall-protection" class="menu--link" title="Firewall Protection" data-drupal-link-system-path="node/97242" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; DDoS Protection &gt; Firewall Protection">Firewall Protection</a>                            </li>

                            <li class="menu-item">
                              <a href="https://www.netscout.com/solutions/dns-ddos-protection" class="menu--link" title="DNS Protection"  data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; DDoS Protection &gt; DNS Protection">DNS Protection</a>                            </li>

                            <li class="menu-item">
                              <a href="https://www.netscout.com/solutions/carpet-bombing-ddos-protection" class="menu--link" title="Carpet Bombing Defense"  data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; DDoS Protection &gt; Carpet Bombing Defense">Carpet Bombing Defense</a>                            </li>

                            <li class="menu-item">
                              <a href="https://www.netscout.com/solutions/mobile-network-operator-security" class="menu--link" title="Mobile Network Protection" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; DDoS Protection &gt; Mobile Network Protection">Mobile Network Protection</a>                            </li>
                          </ul>





                        </div>





                      </li>

                      <li class="menu-item menu-item--expanded">
                        <a href="https://www.netscout.com/service-provider" class="menu--link menu--link--bold" title="Mobile and Fixed" data-drupal-link-system-path="node/97305" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Mobile and Fixed">Mobile and Fixed</a>



                        <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-2 menu-type-default">



                          <ul class="menu menu-level-3">

                            <li class="menu-item">
                              <a href="https://www.netscout.com/solutions/5g" title="5G Service Assurance" class="menu--link" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Mobile and Fixed &gt; 5G Service Assurance">5G Service Assurance</a>                            </li>

                            <li class="menu-item">
                              <a href="https://www.netscout.com/solutions/5g-network-slicing" class="menu--link" title="5G Slicing" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Mobile and Fixed &gt; 5G Slicing">5G Slicing</a>                            </li>

                            <li class="menu-item">
                              <a href="https://www.netscout.com/solutions/5g-fixed-wireless-access" class="menu--link" title="Fixed Wireless Access"  data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Mobile and Fixed &gt; Fixed Wireless Access">Fixed Wireless Access</a>                            </li>

                            <li class="menu-item">
                              <a href="https://www.netscout.com/solutions/service-provider-ai-ops" class="menu--link" title="AIOps for Service Providers" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Mobile and Fixed &gt; AIOps for Service Providers">AIOps for Service Providers</a>                            </li>

                            <li class="menu-item">
                              <a href="https://www.netscout.com/solutions/ran-network-solutions" class="menu--link" title="RAN Performance" data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Mobile and Fixed &gt; RAN Performance">RAN Performance</a>                            </li>

                            <li class="menu-item">
                              <a href="https://www.netscout.com/solutions/cable-mso-fixed" class="menu--link" title="Cable/MSO, Fiber (FTTX) and DAA"  data-once="ga-event-path" data-ga-path="Solutions &gt; Key Use Cases &gt; Mobile and Fixed &gt; Cable/MSO, Fiber (FTTX) and DAA">Cable/MSO, Fiber (FTTX) and DAA</a>                            </li>
                          </ul>





                        </div>





                      </li>
                    </ul>





                  </div>





                </div>
                <div id="item--Industries" class="ns-menu__submenu ns-menu__submenu--level-1 use-three-columns next-level-semibold">

                  <button class="level-1-trigger ns-h3" data-once="mobile-menu-li-1">Industries</button>




                  <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-1 menu-type-default use-three-columns next-level-semibold">


                    <ul class="menu menu-level-2">

                      <li class="menu-item">
                        <a href="https://www.netscout.com/industries/financial-services" class="menu--link" title="Financial Services" data-once="ga-event-path" data-ga-path="Solutions &gt; Industries &gt; Banking">Financial Services</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/industries/education" class="menu--link" title="Education"  data-once="ga-event-path" data-ga-path="Solutions &gt; Industries &gt; Education">Education</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/industries/government" class="menu--link" title="Government"  data-once="ga-event-path" data-ga-path="Solutions &gt; Industries &gt; Government">Government</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/industries/healthcare" class="menu--link" title="Healthcare" data-drupal-link-system-path="node/97280" data-once="ga-event-path" data-ga-path="Solutions &gt; Industries &gt; Healthcare">Healthcare</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/industries/insurance" class="menu--link" title="Insurance"  data-once="ga-event-path" data-ga-path="Solutions &gt; Industries &gt; Insurance">Insurance</a>                            </li>
                      <li class="menu-item">
                        <a href="https://www.netscout.com/industries/manufacturing" class="menu--link" title="Manufacturing" data-once="ga-event-path" data-ga-path="Solutions &gt; Industries &gt; Manufacturing">Manufacturing</a>                            </li>


                      <li class="menu-item">
                        <a href="https://www.netscout.com/industries/pharmaceutical" class="menu--link" title="Pharmaceutical" data-once="ga-event-path" data-ga-path="Solutions &gt; Industries &gt; Pharmaceutical">Pharmaceutical</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/industries/retail" class="menu--link" title="Retail" data-once="ga-event-path" data-ga-path="Solutions &gt; Industries &gt; Retail">Retail</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/industries/telecommunications" class="menu--link" title="Telecommunications"  data-once="ga-event-path" data-ga-path="Solutions &gt; Industries &gt; Telecommunications">Telecommunications</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/industries/transportation" class="menu--link" title="Transportation"  data-once="ga-event-path" data-ga-path="Solutions &gt; Industries &gt; Transportation">Transportation</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/industries/utilities" class="menu--link" title="Utilities"  data-once="ga-event-path" data-ga-path="Solutions &gt; Industries &gt; Utilities">Utilities</a>                            </li>
                    </ul>





                  </div>





                </div>
                <div id="item--ByRole" class="ns-menu__submenu ns-menu__submenu--level-1 use-three-columns next-level-semibold">

                  <button class="level-1-trigger ns-h3" data-once="mobile-menu-li-1">By Role</button>





                  <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-1 menu-type-default use-three-columns next-level-semibold">



                    <ul class="menu menu-level-2">

                      <li class="menu-item">
                        <a href="https://www.netscout.com/solutions/ai-operations" class="menu--link" title="AI Operations"  data-once="ga-event-path" data-ga-path="Solutions &gt; By Role &gt; AI Operations">AI Operations</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/solutions/cio" class="menu--link" title="CIO"  data-once="ga-event-path" data-ga-path="Solutions &gt; By Role &gt; CIO">CIO</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/solutions/ciso" class="menu--link" title="CISO"  data-once="ga-event-path" data-ga-path="Solutions &gt; By Role &gt; CISO">CISO</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/solutions/network-operations" class="menu--link" title="Network Operations" data-once="ga-event-path" data-ga-path="Solutions &gt; By Role &gt; Network Operations">Network Operations</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/solutions/security-operations" class="menu--link" title="Security Operations"  data-once="ga-event-path" data-ga-path="Solutions &gt; By Role &gt; Security Operations">Security Operations</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/solutions/site-reliability-engineering" class="menu--link" title="Site Reliability Engineering" data-once="ga-event-path" data-ga-path="Solutions &gt; By Role &gt; Site Reliability Engineering">Site Reliability Engineering</a>                            </li>
                    </ul>





                  </div>





                </div>
                <div id="item--TechnologyPartners" class="ns-menu__submenu ns-menu__submenu--level-1 use-three-columns next-level-semibold">

                  <button class="level-1-trigger ns-h3" data-once="mobile-menu-li-1">Technology Partners</button>




                  <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-1 menu-type-default use-three-columns next-level-semibold">



                    <ul class="menu menu-level-2">

                      <li class="menu-item">
                        <a href="https://www.netscout.com/technology-partners/amazon-web-services" title="AWS" class="menu--link" data-drupal-link-system-path="node/91551" data-once="ga-event-path" data-ga-path="Solutions &gt; Technology Partners &gt; AWS">AWS</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/technology-partners/cisco-systems" class="menu--link" title="Cisco Systems" data-drupal-link-system-path="node/94207" data-once="ga-event-path" data-ga-path="Solutions &gt; Technology Partners &gt; Cisco Systems">Cisco Systems</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/technology-partners/citrix" class="menu--link" title="Citrix" data-drupal-link-system-path="node/93747" data-once="ga-event-path" data-ga-path="Solutions &gt; Technology Partners &gt; Citrix">Citrix</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/technology-partners/dell-technologies" class="menu--link" title="Dell Technologies" data-drupal-link-system-path="node/92386" data-once="ga-event-path" data-ga-path="Solutions &gt; Technology Partners &gt; Dell Technologies">Dell Technologies</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/technology-partners/f5" class="menu--link" title="F5" data-drupal-link-system-path="node/93833" data-once="ga-event-path" data-ga-path="Solutions &gt; Technology Partners &gt; F5">F5</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/technology-partners/google-cloud" class="menu--link" title="Google Cloud" data-drupal-link-system-path="node/92476" data-once="ga-event-path" data-ga-path="Solutions &gt; Technology Partners &gt; Google Cloud">Google Cloud</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/technology-partners/microsoft" class="menu--link" title="Microsoft" data-drupal-link-system-path="node/93511" data-once="ga-event-path" data-ga-path="Solutions &gt; Technology Partners &gt; Microsoft">Microsoft</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/technology-partners/oracle-cloud-infrastructure" title="Oracle" class="menu--link" data-drupal-link-system-path="node/94208" data-once="ga-event-path" data-ga-path="Solutions &gt; Technology Partners &gt; Oracle">Oracle</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/technology-partners/palo-alto-networks" class="menu--link" title="Palo Alto Networks" data-drupal-link-system-path="node/92776" data-once="ga-event-path" data-ga-path="Solutions &gt; Technology Partners &gt; Palo Alto Networks">Palo Alto Networks</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/technology-partners/red-hat" class="menu--link" title="Red Hat" data-drupal-link-system-path="node/92811" data-once="ga-event-path" data-ga-path="Solutions &gt; Technology Partners &gt; Red Hat">Red Hat</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/technology-partners/servicenow" class="menu--link" title="ServiceNow" data-drupal-link-system-path="node/91976" data-once="ga-event-path" data-ga-path="Solutions &gt; Technology Partners &gt; ServiceNow">ServiceNow</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/technology-partners/splunk" class="menu--link" title="Splunk" data-drupal-link-system-path="node/93918" data-once="ga-event-path" data-ga-path="Solutions &gt; Technology Partners &gt; Splunk">Splunk</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/technology-partners/vmware" class="menu--link" title="VMware" data-drupal-link-system-path="node/94137" data-once="ga-event-path" data-ga-path="Solutions &gt; Technology Partners &gt; VMware">VMware</a>                            </li>
                    </ul>





                  </div>





                </div>
              </div>





            </div>





          </li>

          <li class="menu-item menu-item--expanded" tabindex="0" data-once="mobile-menu-li">
            <span class="menu-item--text" title="Products">Products</span>




            <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-0 menu-type-default">




              <div class="header-sub-menu-mobile">
                <button class="back-button">
                  <svg width="17" height="9" viewBox="0 0 16.77 9.09" xmlns="http://www.w3.org/2000/svg">
                    <path d="M5.18,6.55l8,8,8-8" transform="translate(-4.83 -6.2)" fill="none" stroke="#97D700"></path>
                  </svg>
                </button>
                <span class="menu-level-0--title">Products</span>
              </div>
              <ul class="menu menu-level-1">



                <li class="menu-item menu-item--expanded Observability" data-submenu="Observability" tabindex="0">
                  <span class="use-two-columns next-level-semibold menu-item--text" title="Observability">Observability</span>
                </li>



                <li class="menu-item menu-item--expanded Cybersecurity" data-submenu="Cybersecurity" tabindex="0">
                  <span class="use-two-columns menu-item--text" title="Cybersecurity">Cybersecurity</span>
                </li>



                <li class="menu-item menu-item--expanded DDoSProtection" data-submenu="DDoSProtection" tabindex="0">
                  <span class="use-two-columns menu-item--text" title="DDoS Protection">DDoS Protection</span>
                </li>



                <li class="menu-item menu-item--expanded MobileandFixed" data-submenu="MobileandFixed" tabindex="0">
                  <span class="use-two-columns next-level-semibold menu-item--text" title="Mobile and Fixed">Mobile and Fixed</span>
                </li>



                <li class="menu-item menu-item--expanded AIOps" data-submenu="AIOps" tabindex="0">
                  <span class="menu-item--text" title="AIOps">AIOps</span>
                </li>
              </ul>
              <div class="ns-menu__sidebar">
                <div id="item--Observability" class="ns-menu__submenu ns-menu__submenu--level-1 use-two-columns next-level-semibold">

                  <button class="level-1-trigger ns-h3" data-once="mobile-menu-li-1">Observability</button>



                  <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-1 menu-type-default use-two-columns next-level-semibold">



                    <ul class="menu menu-level-2">

                      <li class="menu-item">
                        <a href="https://www.netscout.com/product/ngeniusone-solution" class="menu--link menu--link--bold" title="nGeniusONE for Enterprise" data-drupal-link-system-path="node/84681" data-once="ga-event-path" data-ga-path="Products &gt; Observability &gt; nGeniusONE for Enterprise">nGeniusONE for Enterprise</a><div class="menu--description">Enable real-time visibility into any enterprise network infrastructure environment to improve performance and user experience.</div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/product/isng-platform" class="menu--link menu--link--bold" title="InfiniStreamNG" data-drupal-link-system-path="node/86966" data-once="ga-event-path" data-ga-path="Products &gt; Observability &gt; InfiniStreamNG">InfiniStreamNG</a><div class="menu--description">Capture, store, and analyze packet-level data in real-time to help troubleshoot issues and optimize performance across IT infrastructures. </div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/product/vstream" class="menu--link menu--link--bold" title="vSTREAM" data-drupal-link-system-path="node/84546" data-once="ga-event-path" data-ga-path="Products &gt; Observability &gt; vSTREAM">vSTREAM</a><div class="menu--description">Improve visibility into virtualized and cloud environments with deep packet inspection to further performance management and security.</div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/product/ngeniuspulse" class="menu--link menu--link--bold" title="nGeniusPULSE" data-drupal-link-system-path="node/84686" data-once="ga-event-path" data-ga-path="Products &gt; Observability &gt; nGeniusPULSE">nGeniusPULSE</a><div class="menu--description">Continuously test and track the performance of applications, network services, and user experience across all IT infrastructures.</div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/product/ngenius-edge-sensor" class="menu--link menu--link--bold" title="nGenius Edge Sensor" data-drupal-link-system-path="node/96562" data-once="ga-event-path" data-ga-path="Products &gt; Observability &gt; nGenius Edge Sensor">nGenius Edge Sensor</a><div class="menu--description">Help improve user experience at remote sites and other network edges to achieve holistically strong network and application performance.</div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/product/omnis-klearsight-sensor" class="menu--link menu--link--bold" title="Omnis KlearSight Sensor" data-drupal-link-system-path="node/97108" data-once="ga-event-path" data-ga-path="Products &gt; Observability &gt; Omnis KlearSight Sensor">Omnis KlearSight Sensor</a><div class="menu--description">Omnis KlearSight Sensor uses eBPF to deliver packet-level visibility for Kubernetes performance and troubleshooting.</div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/product/packet-flow-switches-and-taps" class="menu--link menu--link--bold" title="nGenius Packet Switches" data-drupal-link-system-path="node/92731" data-once="ga-event-path" data-ga-path="Products &gt; Observability &gt; nGenius Packet Switches">nGenius Packet Switches</a><div class="menu--description">Packet flow switch architectures can combine with other NETSCOUT solutions to enable pervasive visibility across network environments.</div>                            </li>
                    </ul>





                  </div>





                </div>
                <div id="item--Cybersecurity" class="ns-menu__submenu ns-menu__submenu--level-1 use-two-columns">

                  <button class="level-1-trigger ns-h3" data-once="mobile-menu-li-1">Cybersecurity</button>





                  <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-1 menu-type-default use-two-columns">



                    <ul class="menu menu-level-2">

                      <li class="menu-item">
                        <a href="https://www.netscout.com/product/cyber-intelligence" class="menu--link menu--link--bold" title="Omnis Cyber Intelligence" data-drupal-link-system-path="node/86671" data-once="ga-event-path" data-ga-path="Products &gt; Cybersecurity &gt; Omnis Cyber Intelligence">Omnis Cyber Intelligence</a><div class="menu--description">Leverage packet-level insights to power network detection and response (NDR) solutions and cyber threat hunting.</div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/product/omnis-cyberstream" title="Omnis CyberStream" class="menu--link menu--link--bold" data-drupal-link-system-path="node/93251" data-once="ga-event-path" data-ga-path="Products &gt; Cybersecurity &gt; Omnis CyberStream">Omnis CyberStream</a><div class="menu--description">Detect, investigate, and respond to cyberthreats in real-time by leveraging packet-level data to identify suspicious activity across IT environments.</div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/product/ngenius-decryption-appliance" class="menu--link menu--link--bold" title="nGenius Decryption Appliance" data-drupal-link-system-path="node/92991" data-once="ga-event-path" data-ga-path="Products &gt; Cybersecurity &gt; nGenius Decryption Appliance">nGenius Decryption Appliance</a><div class="menu--description">Decrypt SSL and TLS-encrypted traffic to enable visibility into hidden threats within network traffic.</div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/product/omnis-sensor" class="menu--link menu--link--bold" title="Omnis Sensor" data-once="ga-event-path" data-ga-path="Products &gt; Cybersecurity &gt; Omnis Sensor">Omnis Sensor</a><div class="menu--description">Unparalleled telemetry insights at enterprise speed and scale across your entire IT ecosystem.</div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/product/omnis-streamer" class="menu--link menu--link--bold" title="Omnis Streamer"  data-once="ga-event-path" data-ga-path="Products &gt; Cybersecurity &gt; Omnis Streamer">Omnis Streamer</a><div class="menu--description">Build data pipelines that sift through the noise to improve the efficiency, reliability, and scalability of IT operations and AI/ML workflows.</div>                            </li>
                    </ul>





                  </div>





                </div>
                <div id="item--DDoSProtection" class="ns-menu__submenu ns-menu__submenu--level-1 use-two-columns">

                  <button class="level-1-trigger ns-h3" data-once="mobile-menu-li-1">DDoS Protection</button>



                  <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-1 menu-type-default use-two-columns">



                    <ul class="menu menu-level-2">

                      <li class="menu-item">
                        <a href="https://www.netscout.com/product/arbor-sightline" class="menu--link menu--link--bold" title="Arbor Sightline" data-drupal-link-system-path="node/84396" data-once="ga-event-path" data-ga-path="Products &gt; DDoS Protection &gt; Arbor Sightline">Arbor Sightline</a><div class="menu--description">Leverage network intelligence to detect, analyze, and respond to DDoS threats across the most complex service provider and enterprise networks. </div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/product/arbor-edge-defense" class="menu--link menu--link--bold" title="Arbor Edge Defense" data-drupal-link-system-path="node/93802" data-once="ga-event-path" data-ga-path="Products &gt; DDoS Protection &gt; Arbor Edge Defense">Arbor Edge Defense</a><div class="menu--description">Powerful AI &amp; ML powered DDoS protection backed by unmatched actionable threat intelligence maintains availability to critical services and applications.</div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/product/arbor-sightline-mobile" class="menu--link menu--link--bold" title="Arbor Sightline Mobile" data-drupal-link-system-path="node/93970" data-once="ga-event-path" data-ga-path="Products &gt; DDoS Protection &gt; Arbor Sightline Mobile">Arbor Sightline Mobile</a><div class="menu--description">Safeguard mobile services and ensure network performance and security with a DDoS protection solution specifically designed for mobile networks. </div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/product/arbor-cloud" class="menu--link menu--link--bold" title="Arbor Cloud" data-drupal-link-system-path="node/84426" data-once="ga-event-path" data-ga-path="Products &gt; DDoS Protection &gt; Arbor Cloud">Arbor Cloud</a><div class="menu--description">Cloud DDoS protection that defends against large-scale, volumetric attacks.</div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/product/arbor-threat-mitigation-system" class="menu--link menu--link--bold" title="Arbor Threat Mitigation System" data-drupal-link-system-path="node/84421" data-once="ga-event-path" data-ga-path="Products &gt; DDoS Protection &gt; Arbor Threat Mitigation System">Arbor Threat Mitigation System</a><div class="menu--description">Detect, mitigate, and prevent DDoS attacks with real-time traffic analysis and automated attack mitigation. </div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/global-threat-intelligence" class="menu--link menu--link--bold" title="Arbor ATLAS Threat Intelligence" data-drupal-link-system-path="node/93916" data-once="ga-event-path" data-ga-path="Products &gt; DDoS Protection &gt; Arbor ATLAS Threat Intelligence">Arbor ATLAS Threat Intelligence</a><div class="menu--description">NETSCOUT global DDoS threat intelligence provides insights into the most current cyberthreats and their tactics, enhancing products and solutions.</div>                            </li>
                    </ul>





                  </div>





                </div>
                <div id="item--MobileandFixed" class="ns-menu__submenu ns-menu__submenu--level-1 use-two-columns next-level-semibold">

                  <button class="level-1-trigger ns-h3" data-once="mobile-menu-li-1">Mobile and Fixed</button>




                  <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-1 menu-type-default use-two-columns next-level-semibold">


                    <ul class="menu menu-level-2">

                      <li class="menu-item">
                        <a href="https://www.netscout.com/product/ngeniusone-csp" class="menu--link menu--link--bold" title="nGeniusONE for Carrier" data-drupal-link-system-path="node/85646" data-once="ga-event-path" data-ga-path="Products &gt; Mobile and Fixed &gt; nGeniusONE for Carrier">nGeniusONE for Carrier</a><div class="menu--description">Assure a premium user experience with end-to-end visibility across network domains, service enablers, and devices.</div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/product/isng-platform" class="menu--link menu--link--bold" title="InfiniStreamNG" data-drupal-link-system-path="node/86966" data-once="ga-event-path" data-ga-path="Products &gt; Mobile and Fixed &gt; InfiniStreamNG">InfiniStreamNG</a><div class="menu--description">Access real-time views of RAN control plane for end-to-end visibility across physical and virtual network environments.</div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/product/isng-ran" class="menu--link menu--link--bold" title="InfiniStreamNG RAN" data-drupal-link-system-path="node/85406" data-once="ga-event-path" data-ga-path="Products &gt; Mobile and Fixed &gt; InfiniStreamNG RAN">InfiniStreamNG RAN</a><div class="menu--description">Prioritize the mobile subscriber experience with scalable, cost-effective and cloud-ready RAN network monitoring.</div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/product/ngenius-session-analyzer" class="menu--link menu--link--bold" title="nGenius Session Analyzer" data-drupal-link-system-path="node/84176" data-once="ga-event-path" data-ga-path="Products &gt; Mobile and Fixed &gt; nGenius Session Analyzer">nGenius Session Analyzer</a><div class="menu--description">Isolate and resolve congestion and interference problems contributing to 70% of all subscriber issues.</div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/product/truecall" class="menu--link menu--link--bold" title="TrueCall" data-drupal-link-system-path="node/85241" data-once="ga-event-path" data-ga-path="Products &gt; Mobile and Fixed &gt; TrueCall">TrueCall</a><div class="menu--description">Improve your understanding of network capacity and complexity with true user performance insights.</div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/product/omnis-ran-automated-analytics-automated-optimization" class="menu--link menu--link--bold" title="Omnis RAN" data-drupal-link-system-path="node/93677" data-once="ga-event-path" data-ga-path="Products &gt; Mobile and Fixed &gt; Omnis RAN">Omnis RAN</a><div class="menu--description">Stay ahead of capacity and mobility targets with distinct automation modules to address growing RAN complexities.</div>                            </li>
                    </ul>





                  </div>





                </div>
                <div id="item--AIOps" class="ns-menu__submenu ns-menu__submenu--level-1">

                  <button class="level-1-trigger ns-h3" data-once="mobile-menu-li-1">AIOps</button>




                  <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-1 menu-type-default">


                    <ul class="menu menu-level-2">

                      <li class="menu-item">
                        <a href="https://www.netscout.com/product/omnis-sensor" class="menu--link menu--link--bold" title="Omnis Sensor"  data-once="ga-event-path" data-ga-path="Products &gt; AIOps &gt; Omnis Sensor">Omnis Sensor</a><div class="menu--description">Unparalleled telemetry insights at enterprise speed and scale across your entire IT ecosystem.</div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/product/omnis-streamer" class="menu--link menu--link--bold" title="Omnis Streamer"  data-once="ga-event-path" data-ga-path="Products &gt; AIOps &gt; Omnis Streamer">Omnis Streamer</a><div class="menu--description">Build data pipelines that sift through the noise to improve the efficiency, reliability, and scalability of IT operations and AI/ML workflows.</div>                            </li>
                    </ul>





                  </div>





                </div>
              </div>





            </div>





          </li>

          <li class="menu-item menu-item--expanded" tabindex="0" data-once="mobile-menu-li">
            <span class="menu-item--text" title="Support &amp; Resources">Support &amp; Resources</span>



            <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-0 menu-type-default">





              <div class="header-sub-menu-mobile">
                <button class="back-button">
                  <svg width="17" height="9" viewBox="0 0 16.77 9.09" xmlns="http://www.w3.org/2000/svg">
                    <path d="M5.18,6.55l8,8,8-8" transform="translate(-4.83 -6.2)" fill="none" stroke="#97D700"></path>
                  </svg>
                </button>
                <span class="menu-level-0--title">Support & Resources</span>
              </div>
              <ul class="menu menu-level-1">



                <li class="menu-item menu-item--expanded BlogsResourcesWebinars" data-submenu="BlogsResourcesWebinars" tabindex="0">
                  <span class="menu-item--text" title="Blogs, Resources, &amp; Webinars">Blogs, Resources, &amp; Webinars</span>
                </li>



                <li class="menu-item menu-item--expanded IntelligenceReports" data-submenu="IntelligenceReports" tabindex="0">
                  <span class="menu-item--text" title="Intelligence &amp; Reports">Intelligence &amp; Reports</span>
                </li>



                <li class="menu-item menu-item--expanded SupportTraining" data-submenu="SupportTraining" tabindex="0">
                  <span class="menu-item--text" title="Support &amp; Training">Support &amp; Training</span>
                </li>
              </ul>
              <div class="ns-menu__sidebar">
                <div id="item--BlogsResourcesWebinars" class="ns-menu__submenu ns-menu__submenu--level-1">

                  <button class="level-1-trigger ns-h3" data-once="mobile-menu-li-1">Blogs, Resources, &amp; Webinars</button>





                  <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-1 menu-type-default">



                    <ul class="menu menu-level-2">

                      <li class="menu-item">
                        <a href="https://www.netscout.com/blog" class="menu--link menu--link--bold" title="Blog" data-drupal-link-system-path="blog" data-once="ga-event-path" data-ga-path="Support &amp; Resources &gt; Blogs, Resources, &amp; Webinars &gt; Blog">Blog</a><div class="menu--description">Stay updated with the latest insights, tips, and news on our blog. </div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/resources" class="menu--link menu--link--bold" title="Resource Library" target="_blank" data-once="ga-event-path" data-ga-path="Support &amp; Resources &gt; Blogs, Resources, &amp; Webinars &gt; Resource Library">Resource Library</a><div class="menu--description">Explore the latest case studies, whitepapers, eBooks, and more to discover real-world applications of our products and solutions.</div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/learning-center" class="menu--link menu--link--bold" title="Learning Center" data-drupal-link-system-path="node/91266" data-once="ga-event-path" data-ga-path="Support &amp; Resources &gt; Blogs, Resources, &amp; Webinars &gt; Learning Center">Learning Center</a><div class="menu--description">Quickly learn the definitions of key phrases in networking, security, and DDoS. </div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/webinars" class="menu--link menu--link--bold" title="Webinars" data-drupal-link-system-path="node/68621" data-once="ga-event-path" data-ga-path="Support &amp; Resources &gt; Blogs, Resources, &amp; Webinars &gt; Webinars">Webinars</a><div class="menu--description">Gain insights from product and industry experts through our live &amp; on-demand webinars. </div>                            </li>
                    </ul>





                  </div>





                </div>
                <div id="item--IntelligenceReports" class="ns-menu__submenu ns-menu__submenu--level-1">

                  <button class="level-1-trigger ns-h3" data-once="mobile-menu-li-1">Intelligence &amp; Reports</button>





                  <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-1 menu-type-default">



                    <ul class="menu menu-level-2">

                      <li class="menu-item">
                        <a href="https://www.netscout.com/asert" class="menu--link menu--link--bold" title="ASERT Threat Intelligence Team" data-drupal-link-system-path="node/94029" data-once="ga-event-path" data-ga-path="Support &amp; Resources &gt; Intelligence &amp; Reports &gt; ASERT Threat Intelligence Team">ASERT Threat Intelligence Team</a><div class="menu--description">Meet the ASERT team, the leading experts on DDoS and cyber threat intelligence. </div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/threatreport/" class="menu--link menu--link--bold" title="DDoS Threat Intelligence Report" target="_blank" data-once="ga-event-path" data-ga-path="Support &amp; Resources &gt; Intelligence &amp; Reports &gt; DDoS Threat Intelligence Report">DDoS Threat Intelligence Report</a><div class="menu--description">Learn about the latest DDoS trends and statistics powered by NETSCOUT’s industry-leading global internet traffic visibility.</div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/horizon" class="menu--link menu--link--bold" title="Cyber Threat Horizon" data-drupal-link-system-path="node/83801" data-once="ga-event-path" data-ga-path="Support &amp; Resources &gt; Intelligence &amp; Reports &gt; Cyber Threat Horizon">Cyber Threat Horizon</a><div class="menu--description">Look at live DDoS attack maps to discover what attacks are occurring in real-time. </div>                            </li>
                    </ul>





                  </div>





                </div>
                <div id="item--SupportTraining" class="ns-menu__submenu ns-menu__submenu--level-1">

                  <button class="level-1-trigger ns-h3" data-once="mobile-menu-li-1">Support &amp; Training</button>






                  <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-1 menu-type-default">




                    <ul class="menu menu-level-2">

                      <li class="menu-item">
                        <a href="https://www.netscout.com/support-services" class="menu--link menu--link--bold" title="Overview" data-drupal-link-system-path="node/78701" data-once="ga-event-path" data-ga-path="Support &amp; Resources &gt; Support &amp; Training &gt; Overview">Overview</a><div class="menu--description">Get support for your products and solutions to maximize the value of your investment. </div>                            </li>

                      <li class="menu-item">
                        <a href="https://my.netscout.com/Pages/overview.aspx" class="menu--link menu--link--bold" title="My.NETSCOUT" target="_blank" data-once="ga-event-path" data-ga-path="Support &amp; Resources &gt; Support &amp; Training &gt; My.NETSCOUT">My.NETSCOUT</a><div class="menu--description">Existing customers, log in to MyNETSCOUT to access additional assets, resources, and support channels.</div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/university" class="menu--link menu--link--bold" title="NETSCOUT University"  data-once="ga-event-path" data-ga-path="Support &amp; Resources &gt; Support &amp; Training &gt; NETSCOUT University">NETSCOUT University</a><div class="menu--description">Our mission is to help you and your team to successfully implement NETSCOUT’s solutions so that your network functions seamlessly and effectively.</div>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/no-latency" class="menu--link menu--link--bold" title="NO LATENCY" data-drupal-link-system-path="node/93914" data-once="ga-event-path" data-ga-path="Support &amp; Resources &gt; Support &amp; Training &gt; NO LATENCY">NO LATENCY</a><div class="menu--description">Explore tech tips, use cases, and more in our NO LATENCY newsletter.  </div>                            </li>
                    </ul>





                  </div>





                </div>
              </div>





            </div>





          </li>

          <li class="menu-row-justify-start menu-item menu-item--expanded" tabindex="0" data-once="mobile-menu-li">
            <span class="menu-item--text" title="Company">Company</span>




            <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-0 menu-type-default">





              <div class="header-sub-menu-mobile">
                <button class="back-button">
                  <svg width="17" height="9" viewBox="0 0 16.77 9.09" xmlns="http://www.w3.org/2000/svg">
                    <path d="M5.18,6.55l8,8,8-8" transform="translate(-4.83 -6.2)" fill="none" stroke="#97D700"></path>
                  </svg>
                </button>
                <span class="menu-level-0--title">Company</span>
              </div>
              <ul class="menu menu-level-1">



                <li class="menu-item menu-item--expanded AboutUs" data-submenu="AboutUs" tabindex="0">
                  <span class="use-two-columns next-level-semibold menu-item--text" title="About Us">About Us</span>
                </li>



                <li class="menu-item menu-item--expanded NewsEvents" data-submenu="NewsEvents" tabindex="0">
                  <span class="next-level-semibold menu-item--text" title="News &amp; Events">News &amp; Events</span>
                </li>



                <li class="menu-item menu-item--expanded Partners" data-submenu="Partners" tabindex="0">
                  <span class="next-level-semibold menu-item--text" title="Partners">Partners</span>
                </li>
              </ul>
              <div class="ns-menu__sidebar">
                <div id="item--AboutUs" class="ns-menu__submenu ns-menu__submenu--level-1 use-two-columns next-level-semibold">

                  <button class="level-1-trigger ns-h3" data-once="mobile-menu-li-1">About Us</button>






                  <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-1 menu-type-default use-two-columns next-level-semibold">



                    <ul class="menu menu-level-2">

                      <li class="menu-item">
                        <a href="https://www.netscout.com/company" class="menu--link" title="About Us" data-drupal-link-system-path="node/78836" data-once="ga-event-path" data-ga-path="Company &gt; About Us &gt; About Us">About Us</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/company/board-of-directors" class="menu--link" title="Board of Directors" data-drupal-link-system-path="node/97069" data-once="ga-event-path" data-ga-path="Company &gt; About Us &gt; Board of Directors">Board of Directors</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/company/be-a-guardian" class="menu--link" title="Careers" data-drupal-link-system-path="node/84566" data-once="ga-event-path" data-ga-path="Company &gt; About Us &gt; Careers">Careers</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/company/reviews" class="menu--link" title="Customer Reviews" data-drupal-link-system-path="node/97158" data-once="ga-event-path" data-ga-path="Company &gt; About Us &gt; Customer Reviews">Customer Reviews</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/corporate-social-responsibility" class="menu--link" title="Environmental, Social, and Governance" data-drupal-link-system-path="node/78056" data-once="ga-event-path" data-ga-path="Company &gt; About Us &gt; Environmental, Social, and Governance">Environmental, Social, and Governance</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/company/executive-team" class="menu--link" title="Executive Team" data-drupal-link-system-path="node/97068" data-once="ga-event-path" data-ga-path="Company &gt; About Us &gt; Executive Team">Executive Team</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/company/analyst-perspectives" class="menu--link" title="Industry Analyst Perspectives" data-drupal-link-system-path="node/96841" data-once="ga-event-path" data-ga-path="Company &gt; About Us &gt; Industry Analyst Perspectives">Industry Analyst Perspectives</a>                            </li>

                      <li class="menu-item">
                        <a href="https://ir.netscout.com/" class="menu--link" title="Investor Relations" target="_blank" data-once="ga-event-path" data-ga-path="Company &gt; About Us &gt; Investor Relations">Investor Relations</a>                            </li>
                    </ul>





                  </div>





                </div>
                <div id="item--NewsEvents" class="ns-menu__submenu ns-menu__submenu--level-1 next-level-semibold">

                  <button class="level-1-trigger ns-h3" data-once="mobile-menu-li-1">News &amp; Events</button>




                  <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-1 menu-type-default next-level-semibold">



                    <ul class="menu menu-level-2">

                      <li class="menu-item">
                        <a href="https://www.netscout.com/events" class="menu--link" title="Events" data-drupal-link-system-path="node/446" data-once="ga-event-path" data-ga-path="Company &gt; News &amp; Events &gt; Events">Events</a>                            </li>

                      <li class="menu-item">
                        <a href="https://www.netscout.com/news" class="menu--link" title="Newsroom" data-drupal-link-system-path="node/76" data-once="ga-event-path" data-ga-path="Company &gt; News &amp; Events &gt; Newsroom">Newsroom</a>                            </li>
                    </ul>





                  </div>





                </div>
                <div id="item--Partners" class="ns-menu__submenu ns-menu__submenu--level-1 next-level-semibold">

                  <button class="level-1-trigger ns-h3" data-once="mobile-menu-li-1">Partners</button>





                  <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-1 menu-type-default next-level-semibold">




                    <ul class="menu menu-level-2">

                      <li class="menu-item">
                        <a href="https://netscout.zinfi.net/" class="menu--link" title="Partner Portal" target="_blank" rel="nofollow noopener" data-once="ga-event-path" data-ga-path="Company &gt; Partners &gt; Partner Portal">Partner Portal</a>                            </li>

                      <li class="menu-item menu-item--expanded">
                        <span class="menu--link menu--link--bold" title="Become a Partner">Become a Partner</span>



                        <div class="menu_link_content menu-link-contentmegamenu view-mode-default menu-dropdown menu-dropdown-2 menu-type-default">


                          <ul class="menu menu-level-3">

                            <li class="menu-item">
                              <a href="https://www.netscout.com/resources/other-documents/netscout-connect360-partner-program-guide" class="menu--link" title="Learn about our NETSCOUT Connect 360 partner program." target="_blank" data-once="ga-event-path" data-ga-path="Company &gt; Partners &gt; Become a Partner &gt; Learn about our NETSCOUT Connect 360 partner program.">Learn about our NETSCOUT Connect 360 partner program.</a>                            </li>
                          </ul>





                        </div>





                      </li>
                    </ul>





                  </div>





                </div>
              </div>





            </div>





          </li>
        </ul>




      </nav>
    </div>
    <div class="ns-menu__mbl__header__secondary mobile-footer">
      <div class="region region-footer-mobile-menu">



        <div id="block-netscout-headerblocklogin-2" class="block block-block-content block-block-content7a4d20b2-07db-48f3-a8ec-2a70b1791ce3">




          <p><a class="link link--black link--no-underline font--weight-semibold" href="https://my.netscout.com">myNETSCOUT</a></p>



        </div>





        <nav aria-labelledby="block-netscout-secondarymenu" id="block-netscout-secondarymenu" class="menu--secondary-menu ns-menu__nav__secondary">





          <ul class="menu menu-level-0">

            <li class="menu-item">
              <a href="https://www.netscout.com/under-ddos-attack" class="ns-button ns-button--secondary menu-item--text" title="Under Attack?" data-drupal-link-system-path="node/88916" data-once="secondary-event">Under Attack?</a>




              <div class="menu_link_content menu-link-contentsecondary-menu view-mode-default menu-dropdown menu-dropdown-0 menu-type-default ns-button ns-button--secondary">
              </div>





            </li>

            <li class="menu-item">
              <a href="https://www.netscout.com/contact-us" class="ns-button ns-button--primary menu-item--text" title="Contact Us" data-drupal-link-system-path="node/78486" data-once="secondary-event">Contact Us</a>





              <div class="menu_link_content menu-link-contentsecondary-menu view-mode-default menu-dropdown menu-dropdown-0 menu-type-default ns-button ns-button--primary">
              </div>





            </li>
          </ul>




        </nav>



      </div>
    </div>
  </div>

</header>

<style>


  .header{
    font-family: "Open Sans", sans-serif;
  }
  /*! CSS Used from: Embedded ; media=all */
  :root {
    --xxsml: 0.25rem;
    --xsml: 0.5rem;
    --xsml-sml: 0.75rem;
    --sml: 0.875rem;
    --sml-md: 1rem;
    --md: 1.2rem;
    --lg: 1.8rem;
    --xlg: 2.5rem;
    --xxlg: 3.2rem;
    --xxxlg: 6rem;
    --white: #FFFFFF;
    --black: #282D34;
    --black-dark: #111820;
    --grey: #EFEFEF;
    --grey-dark: #282D34;
    --grey-med2: #323E48;
    --grey-med: #47515a;
    --grey-a80: #53575d;
    --green: #97D700;
    --green-light: #00DB75;
    --teal: #0099A8;
    --teal-green: #199B70;
    --teal-dark: #006068;
    --blue: #3060FF;
    --blue-light: #49E8FF;
    --red: #FF5959;
    --pink: #DC00C7;
    --purple: #4C47C4;
    --guardian-green: #97D700;
    --dark-teal: #006068;
    --gallery-grey: #323E48;
    --jade: #199B70;
    --light-teal: #0099A8;
    --indigo: #4C47C4;
    --ocean: #3060FF;
    --sunset: #FF5959;
    --malachite: #00DB75;
    --artic: #49E8FF;
    --white-hover: #ECFAFC;
    --teal-hover: #02828D;
    --black-a20: hsla(215, 13%, 18%, 0.2);
    --black-a80: hsla(215, 13%, 18%, 0.8);
    --grey-a10: hsla(0, 0%, 94%, 0.1);
    --grey-a20: hsla(0, 0%, 94%, 0.2);
    --grey-a40: hsla(0, 0%, 94%, 0.4);
    --white-a70: hsla(0, 0%, 100%, 0.7);
    --white-a30: hsla(0, 0%, 100%, 0.3);
    --white-a20: hsla(0, 0%, 100%, 0.2);
    --white-a10: hsla(0, 0%, 100%, 0.1);
    --white-a03: hsla(0, 0%, 100%, 0.03);
    --separator-height: 10.76vw;
    --separator-bg: #111820;
    --section-padding: var(--xxxlg);
  }

  @media all {
    .hidden {
      display: none;
    }

    .visually-hidden {
      position: absolute !important;
      overflow: hidden;
      clip: rect(1px, 1px, 1px, 1px);
      width: 1px;
      height: 1px;
      word-wrap: normal;
    }

    .ns-display-position--relative {
      position: relative;
    }
  }

  /*! CSS Used from: https://www.netscout.com/sites/default/files/css/css_pm0TVLrzc1lt_jSv-F-tujFqQ1dGZBWrJa88BTPxrSE.css?delta=1&language=en&theme=netscout&include=eJxtkOFuwyAMhF8IirQ9UGXASVEBI9tMY08_KiVNuu6fdd_J9l3IIDJcQRFYUUwgRleJC-T0gwarJh1XLB6jC9A0UTUVVQJ1dftgF6oqJ13sAjUMT98vYgG-o5ItFCEfpDEVskmx2ABMXfAEGSNKWuvH56FJYMo51dUq-NNd0ZFRLISZIr58uhF_X20qM-gbWRC0z1uWUahzwH9e2a2znb8RNvTIiDHBc4vYMCtEfnPuBlPl-pXiAI6PhrbRNGBYGdpNXOTeIF8O5dJr6z4nuWH8BYbVr5Q&tci0ki ; media=all */
  @media all {

    *,
    ::after,
    ::before {
      background-repeat: no-repeat;
      box-sizing: border-box;
    }

    ::after,
    ::before {
      text-decoration: inherit;
      vertical-align: inherit;
    }
    /*
          [type=submit],
          button {
            -webkit-appearance: button;
          }

          input {
            overflow: visible;
          }

          [tabindex],
          a,
          button,
          input,
          label {
            -ms-touch-action: manipulation;
            touch-action: manipulation;
          }

          * {
            margin: 0;
            padding: 0;
          }

          ul {
            list-style: none;
          }

          img {
            font-size: 0;
            line-height: 1;
            max-width: 100%;
            height: auto;
          }

          *,
          :after,
          :before {
            box-sizing: inherit;
          }

          a {
            color: inherit;
            text-decoration: none;
          }

          img {
            max-width: 100%;
            height: auto;
            display: block;
          }

          button {
            font-family: inherit;
            font-size: inherit;
            line-height: 1.3;
            color: inherit;
            background-color: transparent;
            border: none;
            padding: 0;
            cursor: pointer;
            align-items: unset;
            text-shadow: none;
            height: auto;
          } */

    .link {
      position: relative;
      text-decoration: underline;
      color: var(--jade);
      font-size:17.6px;
    }
    @media screen and (max-width:1349px){
      .link {
        font-size: 16px;
      }
    }
    .link:focus,
    .link:hover {
      color: var(--teal-hover);
      cursor: pointer;
      text-decoration: underline;
    }

    .link--no-underline {
      text-decoration: none;
    }

    .link--black {
      color: var(--black);
    }

    .link--black:focus,
    .link--black:hover {
      color: var(--jade);
    }

    .ns-button {
      display: inline-block;
      text-align: center;
      border-radius: 25rem;
      margin-block: .5rem;
      font-family: inherit;
      font-size: 1rem;
      font-weight: 700;
      line-height: 1.3;
      text-decoration: none;
      padding: .7rem 1rem;
      min-width: 6.5rem;
      border-width: 2px;
      border-style: solid;
      margin-inline-end: 1rem;
    }

    .ns-button:last-child {
      margin-inline-end: 0;
    }

    .ns-button:focus,
    .ns-button:hover {
      text-decoration: none;
      cursor: pointer;
    }

    @media screen and (prefers-reduced-motion:no-preference) {

      .ns-button:focus,
      .ns-button:hover {
        transition: all .3s ease-in;
      }
    }

    @media screen and (prefers-reduced-motion:no-preference) {
      .ns-button {
        transition: all .3s ease-in-out;
      }
    }

    @media screen and (min-width:768px) {
      .ns-button {
        padding: .75rem 1.5rem;
        margin-block: 1rem;
      }
    }

    @media screen and (min-width:1280px) {
      .ns-button {
        min-width: 8.5rem;
      }
    }

    .ns-button--primary {
      border-color: var(--green);
      background-color: var(--green);
      color: var(--black);
    }

    .ns-button--primary:focus,
    .ns-button--primary:hover {
      background-color: var(--white);
    }

    .ns-button--secondary {
      background-color: var(--white);
      border-color: var(--green);
      color: var(--black);
    }

    .ns-button--secondary:focus,
    .ns-button--secondary:hover {
      background-color: var(--green);
    }

    .bkg--grey {
      background-color: var(--grey-dark);
      color: var(--white);
    }

    header {
      background: #fff;
    }

    .ns-h3 {
      font-family: "Open Sans", sans-serif;
      font-weight: 700;
      line-height: 1.3;
      margin-top: 0;
      margin-bottom: .75rem;
    }

    @media screen and (min-width:768px) {
      .ns-h3 {
        margin-bottom: 1rem;
      }
    }

    .ns-h3 {
      font-size: 1.25rem;
    }

    @media screen and (min-width:576px) {
      .ns-h3 {
        font-size: 1.5rem;
      }
    }

    @media screen and (min-width:768px) {
      .ns-h3 {
        font-size: 1.875rem;
      }
    }

    p {
      font-size: 1rem;
      line-height: 1.3;
      margin-top: 0;
      margin-bottom: .75rem;
    }

    @media screen and (min-width:768px) {
      p {
        font-size: 1.1rem;
        line-height: 1.5;
        margin-bottom: 1rem;
      }
    }

    p:last-child {
      margin-bottom: 0;
    }
  }

  /*! CSS Used from: Embedded ; media=all */
  @media all {
    .ns-flex__row--basic {
      display: flex;
      flex-direction: row;
      gap: 1rem;
    }

    .ns-flex__row--align-center {
      align-items: center;
    }

    .ns-flex__row--justify-between {
      justify-content: space-between;
    }
  }

  /*! CSS Used from: Embedded ; media=all */
  @media all {
    .padding--all--none {
      padding: 0 !important;
    }

    .rd-container {
      position: relative;
      max-width: 2160px;
      width: 100%;
      margin-inline: auto;
    }

    .bkg--grey {
      background-color: var(--grey-dark);
      color: var(--white);
    }

    .ns-h3 {
      margin-top: .1rem;
      font-size: 16px;
      font-weight: 700;
    }

    @media screen and (min-width:768px) {
      .ns-h3 {
        font-size: 18px;
      }
    }

    @media screen and (min-width:1480px) {
      .ns-h3 {
        font-size: 20px;
      }
    }

    .font--weight-semibold {
      font-weight: 600 !important;
    }

    /* button {
      font-family: inherit;
      font-size: inherit;
      line-height: 1.3;
      color: inherit;
      background-color: transparent;
      border: none;
      padding: 0;
      cursor: pointer;
      align-items: unset;
      text-shadow: none;
      height: auto;
    } */

    .link {
      position: relative;
      text-decoration: underline;
      color: var(--jade);
    }

    .link:focus,
    .link:hover {
      color: var(--teal-hover);
      cursor: pointer;
      text-decoration: underline;
    }

    .link--no-underline {
      text-decoration: none;
    }

    .link--black {
      color: var(--black);
    }

    .link--black:focus,
    .link--black:hover {
      color: var(--jade);
    }

    .ns-button {
      display: inline-block;
      text-align: center;
      border-radius: 25rem;
      margin-block: .5rem;
      font-family: inherit;
      font-size: 1rem;
      font-weight: 700;
      line-height: 1.3;
      text-decoration: none;
      padding: .7rem 1rem;
      min-width: 6.5rem;
      border-width: 2px;
      border-style: solid;
      margin-inline-end: 1rem;
    }

    .ns-button:last-child {
      margin-inline-end: 0;
    }

    .ns-button:focus,
    .ns-button:hover {
      text-decoration: none;
      cursor: pointer;
    }

    @media screen and (prefers-reduced-motion:no-preference) {

      .ns-button:focus,
      .ns-button:hover {
        transition: all .3s ease-in;
      }
    }

    @media screen and (prefers-reduced-motion:no-preference) {
      .ns-button {
        transition: all .3s ease-in-out;
      }
    }

    @media screen and (min-width:768px) {
      .ns-button {
        padding: .75rem 1.5rem;
        margin-block: 1rem;
      }
    }

    @media screen and (min-width:1280px) {
      .ns-button {
        min-width: 8.5rem;
      }
    }

    .ns-button--primary {
      border-color: var(--green);
      background-color: var(--green);
      color: var(--black);
    }

    .ns-button--primary:focus,
    .ns-button--primary:hover {
      background-color: var(--white);
    }

    .ns-button--secondary {
      background-color: var(--white);
      border-color: var(--green);
      color: var(--black);
    }

    .ns-button--secondary:focus,
    .ns-button--secondary:hover {
      background-color: var(--green);
    }
  }

  /*! CSS Used from: Embedded ; media=all */
  @media all {
    .header {
      width: 100%;
      position: relative;
      top: 0;
      left: 0;
      padding: 0;
      z-index: 99;
      transition: all .3s linear;
    }

    @media screen and (min-width:1280px) {
      .header {
        z-index: 98;
      }
    }

    .ns-language__list__wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      flex: 0 1 auto;
      gap: 1rem;
      display: none;
      position: relative;
    }

    @media screen and (min-width:1280px) {
      .ns-language__list__wrapper {
        position: absolute;
        right: 0;
        z-index: 20;
        top: 27px;
      }
    }

    .ns-language__selected {
      border: none;
      font: inherit;
      background-color: transparent;
      color: var(--white);
      padding: 0;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-direction: row;
      flex: 0 1 auto;
      gap: 1rem;
      column-gap: var(--xsml);
      position: relative;
      cursor: pointer;
    }

    .ns-language__selected .globe {
      display: block;
    }

    .ns-language__selected .globe svg.static {
      display: block;
    }

    .ns-language__selected .globe svg.hover {
      display: none;
    }

    .ns-language__selected .globe:hover svg.hover {
      display: block;
    }

    .ns-language__selected .globe:hover svg.static {
      display: none;
    }

    .ns-language__selected .globe svg {
      width: 20px;
    }

    .ns-language__wrapper.hidden {
      display: none;
    }

    @media screen and (prefers-reduced-motion:no-preference) {
      .header {
        transition: all .3s linear;
      }
    }

    .header {
      position: sticky;
      top: 0;
      width: 100%;
    }

    .header .site-logo {
      display: inline-block;
      vertical-align: middle;
      line-height: 1;
      transition: all linear .3s;
    }

    .header .site-logo .logo-dark {
      display: block;
    }

    .header .site-logo .logo-white {
      display: none;
    }

    .header .site-logo img {
      min-width: 140px;
      max-width: 140px;
      height: auto;
      width: 100%;
    }

    @media screen and (min-width:992px) {
      .header .site-logo img {
        min-width: 160px;
        max-width: 160px;
      }
    }

    .header .ns-menu__primary {
      display: flex;
      position: relative;
      z-index: 10;
      box-shadow: 3px 8px 8px rgba(0, 0, 0, .1607843137);
      background: var(--white) 0 0 no-repeat padding-box;
      width: min(1660px, 100%);
      margin-inline: auto;
      flex-direction: column;
    }

    @media screen and (min-width:1580px) {
      .header .ns-menu__primary {
        border-radius: 0 0 20px 20px;
      }
    }

    .header .ns-menu__primary--inner {
      column-gap: .75rem;
      max-width: min(1580px, 95%);
      width: 100%;
      margin-inline: auto;
      justify-content: flex-end;
      opacity: 1;
    }

    @media screen and (min-width:800px) {
      .header .ns-menu__primary--inner {
        column-gap: var(--md);
      }
    }

    @media screen and (min-width:1350px) {
      .header .ns-menu__primary--inner {
        justify-content: space-between;
      }
    }

    .header .ns-menu__primary--inner .ns-menu__logo-mega-menu {
      height: 100%;
      column-gap: var(--md);
      margin-inline-end: auto;
      padding-block: var(--md);
    }

    @media screen and (min-width:1480px) {
      .header .ns-menu__primary--inner .ns-menu__logo-mega-menu {
        column-gap: var(--xlg);
      }
    }

    .header .ns-menu__primary--inner .region-header {
      flex-shrink: 1;
    }

    @media screen and (min-width:576px) {
      .header .ns-menu__primary--inner .region-header {
        flex-shrink: 0;
      }
    }

    @media screen and (min-width:1350px) {
      .header .ns-menu__primary--inner .region-header {
        flex-shrink: 1;
      }
    }

    @media screen and (min-width:480px) {
      .header .ns-menu__primary--inner {
        column-gap: var(--md);
      }
    }

    .header .ns-menu__primary .ns-menu__primary--aside {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
    }

    @media screen and (min-width:1350px) {
      .header .ns-menu__primary .ns-menu__primary--aside {
        column-gap: var(--xlg);
        padding-block: 0;
      }
    }

    .header .ns-menu__primary .ns-menu__primary--aside .ns-menu__nav__secondary {
      display: none;
    }

    @media screen and (min-width:800px) {
      .header .ns-menu__primary .ns-menu__primary--aside .ns-menu__nav__secondary {
        display: block;
      }
    }

    .header .ns-menu__primary .ns-menu__primary--aside .ns-menu__nav__secondary ul {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 1rem;
    }

    .header .ns-menu__primary .ns-menu__primary--aside .ns-menu__nav__secondary ul li {
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      white-space: nowrap;
    }

    .header .ns-menu__primary .ns-menu__primary--aside .ns-menu__nav__secondary ul li a.ns-button {
      margin-inline: 0;
    }

    .header .ns-menu__primary .ns-menu__primary--aside .ns-menu__nav__secondary ul li .menu-dropdown-0 {
      display: none;
    }

    .header .ns-menu__primary .region-primary-menu {
      position: static;
      flex: 1 1 auto;
      column-gap: var(--md);
      height: 100%;
    }

    .header .ns-menu__primary .region-primary-menu .menu--megamenu {
      display: none;
      max-width: 100%;
      height: 100%;
    }

    @media screen and (min-width:1350px) {
      .header .ns-menu__primary .region-primary-menu .menu--megamenu {
        display: flex;
        position: static;
      }
    }

    .header .ns-menu__primary .region-primary-menu .header-sub-menu-mobile {
      display: block;
    }

    @media screen and (min-width:1350px) {
      .header .ns-menu__primary .region-primary-menu .header-sub-menu-mobile {
        display: none;
      }
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0 {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      height: 100%;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item {
      cursor: pointer;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-self: stretch;
      padding-inline: var(--md);
    }

    @media screen and (min-width:1350px) and (max-width:1430px) {
      .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item {
        width: min-content;
      }
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item:focus>a:after,
    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item:focus>span:after,
    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item:hover>a:after,
    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item:hover>span:after {
      width: 100%;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>a,
    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>span {
      color: var(--grey-med2);
      font-size: 16px;
      font-weight: 600;
      max-width: 190px;
      position: relative;
      display: flex;
      flex-direction: column;
      flex: 1 1 auto;
      justify-content: center;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>a:after,
    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>span:after {
      content: "";
      position: absolute;
      bottom: -4px;
      left: 0;
      width: 0;
      height: 2px;
      background: var(--green);
    }

    @media screen and (prefers-reduced-motion:no-preference) {

      .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>a:after,
      .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>span:after {
        transition: width .3s linear;
      }
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown {
      display: flex;
      visibility: hidden;
      flex-wrap: nowrap;
      justify-content: space-between;
      z-index: 99;
      position: absolute;
      top: 100%;
      transition: opacity .3s ease-in, visibility 0s .3s;
      opacity: 0;
      margin: 0 30px;
      overscroll-behavior: contain;
      min-height: 300px;
      overflow-y: hidden;
      width: calc(100% - 60px);
      max-height: calc(100vh - 100px);
      left: 0;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1 {
      padding-block: var(--xxlg);
      padding-left: 2.1875rem;
      background: var(--grey);
      flex-wrap: nowrap;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      flex-basis: 25%;
      border-radius: 0 0 0 20px;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li {
      display: block;
      width: 100%;
      background-color: var(--grey);
      line-height: 1;
      position: relative;
      overflow: hidden;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li:hover {
      cursor: pointer;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li:hover>a.menu-item--text,
    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li:hover>span.menu-item--text {
      font-weight: 700;
      background-color: var(--jade);
      color: var(--white);
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li>a,
    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li>span {
      line-height: 1.4;
      font-size: 1.25rem;
      font-weight: 600;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li>a.menu-item--text,
    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li>span.menu-item--text {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      position: relative;
      padding: 1.0625rem .9375rem 1rem 1.25rem;
      font-weight: 700;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li>a.menu-item--text::before,
    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li>span.menu-item--text::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 0;
      background-color: var(--jade);
      transition: width .3s ease;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li>a.menu-item--text::after,
    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li>span.menu-item--text::after {
      display: block;
      content: attr(title);
      content: attr(title)/"";
      height: 0;
      visibility: hidden;
      overflow: hidden;
      user-select: none;
      pointer-events: none;
      font-weight: 700;
    }

    @media speech {

      .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li>a.menu-item--text::after,
      .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li>span.menu-item--text::after {
        display: none;
      }
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar {
      flex-basis: 80%;
      padding: var(--xxlg);
      background: var(--white);
      border-radius: 0 0 20px 0;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.ns-menu__submenu {
      display: none;
      position: relative;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.ns-menu__submenu .ns-h3 {
      display: none;
    }

    @media screen and (min-width:1350px) {
      .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.ns-menu__submenu .ns-h3 {
        margin-block-end: var(--md);
        padding-bottom: .625rem;
        font-weight: 600;
        font-size: 34px;
        line-height: 1.4;
        border-block-end: 1px solid var(--grey);
        margin-block-start: 0;
        display: block;
        width: 100%;
        text-align: left;
        cursor: text;
        padding-right: 200px;
      }
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.ns-menu__submenu .menu-dropdown-1 {
      display: block;
      padding-block-start: var(--lg);
      float: left;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.ns-menu__submenu .menu-dropdown-1 .menu-level-2 {
      overscroll-behavior: contain;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.ns-menu__submenu .menu-dropdown-1 .menu-level-2 li {
      break-inside: avoid-column;
      margin-block-end: 1.25rem;
    }

    @media screen and (min-width:1350px) {
      .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.ns-menu__submenu .menu-dropdown-1 .menu-level-2 li.menu-item--top-display {
        position: absolute;
        top: 12px;
        right: 0;
      }
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.ns-menu__submenu .menu-dropdown-1 .menu-level-2 li a {
      cursor: pointer;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.ns-menu__submenu .menu-dropdown-1 .menu-level-2 li a:focus,
    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.ns-menu__submenu .menu-dropdown-1 .menu-level-2 li a:hover {
      color: var(--jade);
      font-weight: 700;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.ns-menu__submenu .menu-dropdown-1 .menu-level-2 li .menu--link {
      font-weight: 400;
      display: inline-block;
      margin-block-end: var(--xsml);
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.ns-menu__submenu .menu-dropdown-1 .menu-level-2 li .menu--link.menu--link--bold {
      font-size: 20px;
      font-weight: 700 !important;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.ns-menu__submenu .menu-dropdown-1 .menu-level-2 li .menu--link.menu--link--green {
      position: relative;
      color: #199b70;
      padding-right: 20px;
      display: inline-block;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.ns-menu__submenu .menu-dropdown-1 .menu-level-2 li .menu--link.menu--link--green:focus,
    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.ns-menu__submenu .menu-dropdown-1 .menu-level-2 li .menu--link.menu--link--green:hover {
      text-decoration: underline;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.ns-menu__submenu .menu-dropdown-1 .menu-level-2 li .menu--link.menu--link--green::after {
      content: "›";
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      text-decoration: none !important;
      display: inline-block;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.ns-menu__submenu .menu-dropdown-1 .menu-level-2 li .menu--description {
      font-size: 18px;
      line-height: 1.7;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.ns-menu__submenu .menu-dropdown-1 .menu-level-2 li .menu-level-3 li {
      margin-block-end: var(--xsml);
      line-height: 1.2;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.ns-menu__submenu .menu-dropdown-1 .menu-level-2 li .menu-level-3 li a {
      font-weight: 400;
      font-size: 16px;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.ns-menu__submenu .menu-dropdown-1.next-level-semibold .menu-level-2>li>.menu--link {
      font-weight: 600;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.use-two-columns>.menu_link_content {
      width: 67%;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.use-two-columns>.menu_link_content.no-featured-item {
      width: 100% ;
    }
    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.use-two-columns>.menu_link_content>ul.menu-level-2 {
      column-count: 2;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.use-three-columns>.menu_link_content {
      width: 67%;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.use-three-columns>.menu_link_content>ul.menu-level-2 {
      column-count: 3;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar .menu_link_content.use-two-columns>ul {
      column-count: 2;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar .menu_link_content.use-three-columns>ul {
      column-count: 3;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.use-four-columns>.menu_link_content {
      width: 100%;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.use-four-columns>.menu_link_content>ul.menu-level-2 {
      column-count: 4;
    }

    .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar .menu_link_content.use-four-columns>ul {
      column-count: 4;
    }

    .header .ns-menu__search__wrapper {
      display: inline-block;
      padding: 0;
      line-height: 1;
    }

    .header .ns-menu__search__wrapper .ns-flex__row--basic {
      column-gap: .5rem;
    }

    @media screen and (min-width:800px) {
      .header .ns-menu__search__wrapper .ns-flex__row--basic {
        column-gap: 1.3rem;
      }
    }

    .header .ns-menu__search__wrapper #block-netscout-netscoutsearch {
      margin-top: 4px;
    }

    .header .ns-menu__search__wrapper .toggle-search svg {
      color: var(--white);
      width: auto;
      height: 20px;
      transition: all .3s ease-in-out;
    }

    .header .ns-menu__search__wrapper .toggle-search svg.static {
      display: block;
    }

    .header .ns-menu__search__wrapper .toggle-search svg.active {
      display: none;
    }

    .header .ns-menu__search__wrapper .toggle-search:focus svg.static,
    .header .ns-menu__search__wrapper .toggle-search:hover svg.static {
      display: none;
    }

    .header .ns-menu__search__wrapper .toggle-search:focus svg.active,
    .header .ns-menu__search__wrapper .toggle-search:hover svg.active {
      display: block;
    }

    .header .ns-menu__search__wrapper .toggle-search:focus svg.active path,
    .header .ns-menu__search__wrapper .toggle-search:hover svg.active path {
      fill: var(--jade);
    }

    .header .ns-menu__search__wrapper .desktop-search-wrapper {
      display: flex;
      visibility: hidden;
      opacity: 0;
      position: absolute;
      top: 100%;
      right: 0;
      transition: opacity .3s ease-in, visibility 0s .3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, .3);
      border-radius: 0 0 20px 20px;
      width: 100%;
      padding: 24px 15px;
      background-color: var(--white);
      align-content: center;
      flex-wrap: wrap;
    }

    @media screen and (min-width:800px) {
      .header .ns-menu__search__wrapper .desktop-search-wrapper {
        padding: var(--xlg);
      }
    }

    @media screen and (min-width:1350px) {
      .header .ns-menu__search__wrapper .desktop-search-wrapper {
        margin: 0 30px;
        width: calc(100% - 60px);
      }
    }

    .header .ns-menu__search__wrapper .desktop-search-wrapper::before {
      content: "";
      position: fixed;
      display: block;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(17, 24, 32, .8);
      z-index: -1;
      opacity: 0;
      transition: opacity .3s ease-in;
      transition-delay: .3s;
      width: 100vw;
      height: 100vh;
    }

    @media screen and (min-width:1350px) {
      .header .ns-menu__search__wrapper .desktop-search-wrapper::before {
        display: none;
      }
    }

    .header .ns-menu__search__wrapper .desktop-search-wrapper form {
      display: flex;
      align-items: center;
      width: 100%;
    }

    .header .ns-menu__search__wrapper .desktop-search-wrapper form input[type=text] {
      border: none;
      width: 100%;
      border-radius: 20px;
      background: var(--grey);
      padding: 8px 8px 8px 40px;
      color: var(--black);
    }

    .header .ns-menu__search__wrapper .desktop-search-wrapper form input[type=text]::placeholder {
      color: #989a9c;
    }

    .header .ns-menu__search__wrapper .desktop-search-wrapper form input[type=submit] {
      cursor: pointer;
      color: #111820;
      height: 16px;
      width: 16px;
      border: 0;
      font-size: 0;
      margin-inline: var(--md);
      position: absolute;
      background-color: transparent;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
      background-image: url(https://www.netscout.com/themes/custom/netscout/images/search.svg);
    }

    .header .ns-menu__burger {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      transition: border-color linear .3s;
      background-color: transparent;
      color: var(--black);
      padding: 8px 0;
      line-height: 1;
    }

    @media screen and (min-width:1350px) {
      .header .ns-menu__burger {
        display: none;
      }
    }

    .header .ns-menu__burger span.burger {
      display: block;
      position: relative;
      width: 30px;
      height: 20px;
    }

    .header .ns-menu__burger span.burger span {
      transition: background-color linear .3s;
      background-color: var(--jade);
      display: block;
      border-radius: 3px;
      position: absolute;
      height: 3px;
      width: 30px;
      opacity: 1;
      top: 10px;
    }

    .header .ns-menu__burger span.burger span:nth-child(1) {
      top: -2px;
    }

    .header .ns-menu__burger span.burger span:nth-child(2),
    .header .ns-menu__burger span.burger span:nth-child(3) {
      top: 9px;
    }

    .header .ns-menu__burger span.burger span:nth-child(4) {
      top: 20px;
    }

    .header .ns-menu__mbl__header__main {
      display: flex;
      flex: 0 0 auto;
      align-items: center;
      column-gap: 1rem;
    }

    .header .ns-menu__mbl__header__main>* {
      flex: 0 0 auto;
    }

    @media screen and (min-width:1350px) {
      .header .ns-menu__mbl__header__main {
        display: none;
      }
    }

    .header .ns-menu__mbl__wrapper {
      position: absolute;
      z-index: 9;
      height: calc(100vh - 65px);
      top: 100%;
      right: 0;
      background: #fff;
      overflow-x: hidden;
      width: 0;
      transform: translateX(100%);
      transition: width .3s ease-in, transform .3s ease-in, visibility 0s .3s;
      visibility: collapse;
      box-shadow: 0 3px 8px rgba(0, 0, 0, .1607843137);
      display: flex;
      flex-direction: column;
      padding-bottom: 50px;
    }

    @media screen and (min-width:576px) {
      .header .ns-menu__mbl__wrapper {
        max-width: 95vw;
      }
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav {
      display: block;
      position: relative;
      width: 100%;
      height: auto;
      padding: 24px 30px 24px 0;
      margin-left: 30px;
      border-bottom: 1px solid var(--grey);
      flex-grow: 1;
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__header__secondary a {
      color: var(--black);
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__header__secondary a:active,
    .header .ns-menu__mbl__wrapper .ns-menu__mbl__header__secondary a:focus,
    .header .ns-menu__mbl__wrapper .ns-menu__mbl__header__secondary a:hover {
      color: var(--jade);
      text-decoration: underline;
    }

    .header .mobile-footer {
      padding: 24px 30px;
      background-color: #fff;
      font-weight: 600;
    }

    .header .mobile-footer #block-netscout-headerblocklogin-2 a {
      color: var(--grey-med2);
    }

    .header .mobile-footer #block-netscout-headerblocklogin-2 a:focus,
    .header .mobile-footer #block-netscout-headerblocklogin-2 a:hover {
      text-decoration: underline;
      color: var(--jade);
    }

    .header .mobile-footer #block-netscout-headerblocklogin-2 a:before {
      display: inline-flex;
      content: "";
      width: 30px;
      height: 30px;
      background-image: url(https://www.netscout.com/themes/custom/netscout/images/logo-orb.svg);
      background-size: 18px;
      background-position: center;
      background-repeat: no-repeat;
      border-radius: 50%;
      border: 1px solid var(--grey-med2);
      flex-shrink: 0;
      vertical-align: middle;
      margin-inline-end: .625rem;
      transition: all .3s ease;
    }

    .header .mobile-footer .region-footer-mobile-menu {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .header .mobile-footer #block-netscout-secondarymenu .menu {
      margin-block: -.5rem;
    }

    .header .mobile-footer #block-netscout-secondarymenu .menu-item .menu-dropdown {
      display: none;
    }

    .logo-dark {
      min-height: 24px;
    }

    .back-button {
      text-transform: uppercase;
      font-size: 20px;
      cursor: pointer;
      background-color: transparent;
      border: none;
      text-align: start;
      transform: rotate(90deg);
      font-size: var(--sml);
      font-weight: 700;
      color: var(--black);
    }

    .back-button:hover {
      color: var(--teal-green);
      text-decoration: underline;
    }

    .ns-menu__search__wrapper {
      display: inline-block !important;
    }
  }

  /*! CSS Used fontfaces */
  @font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-300.woff2) format("woff2"), url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-300.woff) format("woff");
  }

  @font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-regular.woff2) format("woff2"), url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-regular.woff) format("woff");
  }

  @font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-600.woff2) format("woff2"), url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-600.woff) format("woff");
  }

  @font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-700.woff2) format("woff2"), url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-700.woff) format("woff");
  }

  @font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-800.woff2) format("woff2"), url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-800.woff) format("woff");
  }

  /* added styles */
  .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item.open>.menu-dropdown {
    cursor: default;
    visibility: visible;
    transition: opacity .3s ease-out;
    opacity: 1;
  }
  .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.ns-menu__submenu.active {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease;
    overflow-y: auto;
  }
  .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li.active, .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li:focus-visible, .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li:hover {
    cursor: pointer;
  }
  .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li.active>a.menu-item--text,
  .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li.active>span.menu-item--text {
    background-color: var(--white);
    color: var(--grey-med2);
  }
  .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li.active>a.menu-item--text,
  .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li.active>span.menu-item--text,
  .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li:focus-visible>a.menu-item--text,
  .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li:focus-visible>span.menu-item--text,
  .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li:hover>a.menu-item--text,
  .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li:hover>span.menu-item--text {
    font-weight: 700;
    background-color: var(--jade);
    color: var(--white);
  }
  .header .ns-menu__mbl__wrapper.open {
    transform: translateX(0);
    width: calc(100vw - 20px);
    visibility: visible;
    transition: transform .3s ease-out;
  }
  @media screen and (min-width: 576px) {
    .header .ns-menu__mbl__wrapper {
      max-width: 95vw;
    }
  }
  .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0 {
    display: block;
    position: relative;
    margin-top: -12px;
    margin-bottom: -12px;
  }

  /* mobile view */
  /*! CSS Used from: https://www.netscout.com/sites/default/files/css/css_pm0TVLrzc1lt_jSv-F-tujFqQ1dGZBWrJa88BTPxrSE.css?delta=1&language=en&theme=netscout&include=eJxtkOFuwyAMhF8IirQ9UGXASVEBI9tMY08_KiVNuu6fdd_J9l3IIDJcQRFYUUwgRleJC-T0gwarJh1XLB6jC9A0UTUVVQJ1dftgF6oqJ13sAjUMT98vYgG-o5ItFCEfpDEVskmx2ABMXfAEGSNKWuvH56FJYMo51dUq-NNd0ZFRLISZIr58uhF_X20qM-gbWRC0z1uWUahzwH9e2a2znb8RNvTIiDHBc4vYMCtEfnPuBlPl-pXiAI6PhrbRNGBYGdpNXOTeIF8O5dJr6z4nuWH8BYbVr5Q&tci0ki ; media=all */
  @media all {
    .ns-h3 {
      font-family: "Open Sans", sans-serif;
      font-weight: 700;
      line-height: 1.3;
      margin-top: 0;
      margin-bottom: .75rem;
    }

    @media screen and (min-width:768px) {
      .ns-h3 {
        margin-bottom: 1rem;
      }
    }

    .ns-h3 {
      font-size: 1.25rem;
    }

    @media screen and (min-width:576px) {
      .ns-h3 {
        font-size: 1.5rem;
      }
    }

    @media screen and (min-width:768px) {
      .ns-h3 {
        font-size: 1.875rem;
      }
    }
  }

  /*! CSS Used from: Embedded ; media=all */
  @media all {
    .ns-h3 {
      margin-top: .1rem;
      font-size: 16px;
      font-weight: 700;
    }

    @media screen and (min-width:768px) {
      .ns-h3 {
        font-size: 18px;
      }
    }

    @media screen and (min-width:1480px) {
      .ns-h3 {
        font-size: 20px;
      }
    }

    button {
      font-family: inherit;
      font-size: inherit;
      line-height: 1.3;
      color: inherit;
      background-color: transparent;
      border: none;
      padding: 0;
      cursor: pointer;
      align-items: unset;
      text-shadow: none;
      height: auto;
    }
  }

  /*! CSS Used from: Embedded ; media=all */
  @media all {
    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0 {
      display: block;
      position: relative;
      margin-top: -12px;
      margin-bottom: -12px;
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item {
      padding: 0;
      display: block;
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item:focus>span,
    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item:hover>span {
      color: var(--jade);
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>a {
      color: var(--grey-med2);
      font-size: 16px;
      font-weight: 600;
      cursor: pointer;
      position: relative;
      display: block;
      width: 100%;
      padding-top: 12px;
      padding-bottom: 12px;
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>span {
      color: var(--grey-med2);
      font-size: 16px;
      font-weight: 600;
      cursor: pointer;
      position: relative;
      padding-top: 12px;
      padding-bottom: 12px;
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>span:after {
      content: "";
      background: url(https://www.netscout.com/themes/custom/netscout/images/nav-arrow.svg) center top no-repeat;
      background-size: contain;
      position: absolute;
      top: 50%;
      transform: translateY(-50%) rotate(-90deg);
      height: 12px;
      width: 12px;
      right: 40px;
      transition: rotate .3s linear;
      filter: brightness(0) saturate(100%) invert(43%) sepia(29%) saturate(745%) hue-rotate(115deg) brightness(92%) contrast(90%);
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content {
      display: none;
      position: relative;
      background-color: var(--white);
      z-index: 1;
      width: 100%;
      visibility: hidden;
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .ns-menu__sidebar {
      padding-right: 30px;
      padding-top: 20px;
      padding-bottom: 10px;
      box-sizing: border-box;
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .ns-menu__sidebar>.ns-menu__submenu--level-1 {
      margin-inline: -15px;
      padding-inline: 15px;
      padding-block: 10px;
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .ns-menu__sidebar>.ns-menu__submenu--level-1>.ns-h3 {
      text-align: inherit;
      position: relative;
      width: 100%;
      display: flex;
      align-items: center;
      padding-inline-end: var(--md);
      margin: 0;
      font-size: 16px;
    }

    @media screen and (min-width:768px) {
      .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .ns-menu__sidebar>.ns-menu__submenu--level-1>.ns-h3 {
        font-size: 16px;
      }
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .ns-menu__sidebar>.ns-menu__submenu--level-1>.ns-h3:after {
      content: "";
      background: url(https://www.netscout.com/themes/custom/netscout/images/nav-arrow.svg) center top no-repeat;
      background-size: contain;
      position: absolute;
      top: 25%;
      transform: rotate(0);
      height: 8px;
      width: 14px;
      right: 0;
      transition: transform .3s ease-in;
      filter: brightness(0) saturate(100%) invert(52%) sepia(48%) saturate(1087%) hue-rotate(125deg) brightness(94%) contrast(89%);
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .ns-menu__sidebar>.ns-menu__submenu--level-1>.menu_link_content {
      display: none;
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .ns-menu__sidebar>.ns-menu__submenu--level-1>.menu_link_content .menu-level-2>li {
      font-size: 14px;
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .ns-menu__sidebar>.ns-menu__submenu--level-1>.menu_link_content .menu-level-2>li.menu-item:not(.menu-item--expanded) {
      margin-top: 15px;
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .ns-menu__sidebar>.ns-menu__submenu--level-1>.menu_link_content .menu-level-2>li.menu-item--expanded {
      margin-top: 30px;
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .ns-menu__sidebar>.ns-menu__submenu--level-1>.menu_link_content .menu-level-2>li .menu--description {
      display: block;
      margin-top: .3125rem;
      margin-bottom: 1rem;
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .ns-menu__sidebar>.ns-menu__submenu--level-1>.menu_link_content .menu-level-2>li span.menu--link--bold {
      display: inline-block;
      margin-bottom: 16px;
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .ns-menu__sidebar>.ns-menu__submenu--level-1>.menu_link_content .menu-level-2>li .menu--link--bold {
      font-weight: 700 !important;
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .ns-menu__sidebar>.ns-menu__submenu--level-1>.menu_link_content .menu-level-2>li .menu--link--green {
      position: relative;
      color: #199b70;
      padding-right: 9px;
      display: inline-block;
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .ns-menu__sidebar>.ns-menu__submenu--level-1>.menu_link_content .menu-level-2>li .menu--link--green:focus,
    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .ns-menu__sidebar>.ns-menu__submenu--level-1>.menu_link_content .menu-level-2>li .menu--link--green:hover {
      text-decoration: underline;
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .ns-menu__sidebar>.ns-menu__submenu--level-1>.menu_link_content .menu-level-2>li .menu--link--green::after {
      content: "›";
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      text-decoration: none !important;
      display: inline-block;
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .ns-menu__sidebar>.ns-menu__submenu--level-1>.menu_link_content .menu-level-2>li.menu-item--expanded>a,
    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .ns-menu__sidebar>.ns-menu__submenu--level-1>.menu_link_content .menu-level-2>li.menu-item--expanded>span {
      font-weight: 700;
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .ns-menu__sidebar .menu-level-3 {
      margin-top: 0;
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .ns-menu__sidebar .menu-level-3 li {
      margin-block: 15px;
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .ns-menu__sidebar .menu-level-3 li a:focus,
    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .ns-menu__sidebar .menu-level-3 li a:hover {
      color: var(--jade);
      text-decoration: underline;
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .header-sub-menu-mobile {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      background-color: #fff;
      padding: 15px 30px 20px;
      margin-left: -30px;
      position: sticky;
      z-index: 9;
      top: 0;
      border-bottom: 1px solid var(--grey);
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .header-sub-menu-mobile span {
      flex: 0 0 66%;
      padding-left: 10px;
      font-weight: 700;
      font-size: 16px;
      color: var(--grey-med2);
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .header-sub-menu-mobile .back-button svg path {
      stroke: var(--jade);
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .menu--description,
    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content ul.menu-level-1 {
      display: none;
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content>.menu-level-1 {
      display: block;
      padding-block-start: 15px;
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content>.menu-level-1>.menu-item {
      padding: 0 10px 15px 0;
      position: relative;
      display: block;
      margin: 0;
    }

    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content>.menu-level-1>.menu-item>a,
    .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content>.menu-level-1>.menu-item>span {
      color: var(--white);
      font-weight: 700;
      font-size: 1rem;
    }

    .back-button {
      text-transform: uppercase;
      font-size: 20px;
      cursor: pointer;
      background-color: transparent;
      border: none;
      text-align: start;
      transform: rotate(90deg);
      font-size: var(--sml);
      font-weight: 700;
      color: var(--black);
    }

    .back-button:hover {
      color: var(--teal-green);
      text-decoration: underline;
    }

    .ns-menu__mbl__nav .menu-level-0 .menu-item--expanded>span {
      display: block;
      cursor: pointer;
    }
  }

  /*! CSS Used fontfaces */
  @font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-300.woff2) format("woff2"), url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-300.woff) format("woff");
  }

  @font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-regular.woff2) format("woff2"), url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-regular.woff) format("woff");
  }

  @font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-600.woff2) format("woff2"), url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-600.woff) format("woff");
  }

  @font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-700.woff2) format("woff2"), url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-700.woff) format("woff");
  }

  @font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-800.woff2) format("woff2"), url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-800.woff) format("woff");
  }

  .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content.mobile-open{
    display:block;
    visibility:visible;
  }
  .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .ns-menu__sidebar>.ns-menu__submenu--level-1.mobile-open {
    background-color: var(--grey);
    border-radius: 25px;
    padding-block: 20px;
    margin-bottom: 15px;
  }
  .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0>.menu-item>.menu_link_content .ns-menu__sidebar>.ns-menu__submenu--level-1.mobile-open .ns-h3:after {
    transform: rotate(180deg);
    transition: transform .3s ease-out;
  }

  .header .ns-menu__mbl__wrapper .ns-menu__mbl__nav .menu-level-0.second-level-active .menu-item--text {
    display: none;
  }
  .header.header--sticky .ns-menu__burger, .header.menu-opens .ns-menu__burger {
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    border-color: var(--black);
    color: var(--black);
    min-width: max-content;
    max-width: 4rem;
  }
  .header .ns-menu__burger.open span.burger span:nth-child(1) {
    top: 0;
    width: 0;
    left: 50%;
  }
  .header.header--sticky .ns-menu__burger.open span.burger span, .header.menu-opens .ns-menu__burger.open span.burger span {
    background-color: var(--jade);
  }
  .header .ns-menu__burger.open span.burger span:nth-child(2) {
    transform: rotate(45deg);
    height: 2px;
  }
  .header .ns-menu__burger.open span.burger span:nth-child(3) {
    transform: rotate(-45deg);
    height: 2px;
  }
  .header .ns-menu__burger.open span.burger span:nth-child(4) {
    top: 0;
    width: 0;
    left: 50%;
  }
  .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li.active>a.menu-item--text, .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .menu-level-1>li.active>span.menu-item--text {
    background-color: var(--white);
    color: var(--grey-med2);
  }
  .header.header--hidden {
    transform: translateY(-100%);
  }
  @media screen and (min-width: 1280px) {
    .header {
      z-index: 98;
    }
  }

  .header .ns-menu__primary .menu--megamenu .menu-level-0>li.menu-item>.menu-dropdown .ns-menu__sidebar>.use-three-columns>.menu_link_content.no-featured-item {
    width: 100%;
  }


</style>

<script>
  document.addEventListener("DOMContentLoaded", function () {

    /* =====================
       DESKTOP MENU
    ===================== */
    const desktopWrapper = document.querySelector(".region-primary-menu");
    const desktopItems = document.querySelectorAll(".region-primary-menu .menu--megamenu .menu-level-0 > li");

    desktopItems.forEach((item) => {
      item.addEventListener("click", function (e) {
        e.stopPropagation();

        const isOpen = item.classList.contains("open");

        desktopItems.forEach(li => li.classList.remove("open"));

        if (!isOpen) {
          item.classList.add("open");
          desktopWrapper.classList.add("desktop-open");

          const first = item.querySelector(".menu-level-1 > li");
          if (first) openSide(first, item);
        } else {
          desktopWrapper.classList.remove("desktop-open");
        }
      });
    });

    document.querySelectorAll(".region-primary-menu .menu-level-1 > li").forEach((li) => {
      li.addEventListener("click", function (e) {
        e.stopPropagation();
        openSide(li, li.closest(".menu-level-0 > li"));
      });
    });

    function openSide(li, parentItem) {
      const context = parentItem || li.closest(".menu-level-0 > li");

      li.parentNode.querySelectorAll(".active").forEach(el => el.classList.remove("active"));
      context.querySelectorAll(".ns-menu__sidebar .active").forEach(el => el.classList.remove("active"));

      li.classList.add("active");

      const id = li.dataset.submenu;
      const sidebar = context.querySelector(`#item--${id}`);
      if (sidebar) sidebar.classList.add("active");
    }

    document.addEventListener("click", function (e) {
      if (!e.target.closest(".menu--megamenu")) {
        desktopItems.forEach(li => li.classList.remove("open"));
        desktopWrapper.classList.remove("desktop-open");
      }
    });


    /* =====================
       MOBILE MENU
    ===================== */
    const siteHeader = document.querySelector("header.header");
    const mobileWrapper = document.querySelector(".ns-menu__mbl__wrapper");
    const menuBurger = document.querySelector(".ns-menu__burger");

    // Burger toggle
    if (menuBurger) {
      menuBurger.addEventListener("click", function (e) {
        e.stopPropagation();

        if (menuBurger.classList.contains("open")) {
          closeMobileMenu();
        } else {
          openMobileMenu();
        }
      });
    }

    function openMobileMenu() {
      document.body.classList.add("locked");
      mobileWrapper.classList.add("open");
      menuBurger.classList.add("open");
      menuBurger.setAttribute("aria-expanded", "true");
      siteHeader.classList.add("menu-opens");
    }

    function closeMobileMenu() {
      document.body.classList.remove("locked");
      mobileWrapper.classList.remove("open");
      menuBurger.classList.remove("open");
      menuBurger.setAttribute("aria-expanded", "false");
      siteHeader.classList.remove("menu-opens");

      // Reset states
      mobileWrapper.querySelectorAll(".mobile-open").forEach(el => el.classList.remove("mobile-open"));
      mobileWrapper.querySelectorAll(".second-level-active").forEach(el => el.classList.remove("second-level-active"));
    }


    /* =====================
       MOBILE LEVEL 0
    ===================== */
    document.querySelectorAll(".ns-menu__mbl__nav .menu-level-0 > li.menu-item--expanded").forEach((li) => {
      li.addEventListener("click", function (e) {
        e.stopPropagation();

        li.classList.add("mobile-open");
        li.parentNode.classList.add("second-level-active");

        const dropdown = li.querySelector(":scope > .menu-dropdown");
        if (dropdown) dropdown.classList.add("mobile-open");
      });
    });


    /* =====================
       BACK BUTTON
    ===================== */
    document.querySelectorAll(".ns-menu__mbl__nav .back-button").forEach((btn) => {
      btn.addEventListener("click", function (e) {
        e.stopPropagation();

        const openLi = mobileWrapper.querySelector(".menu-level-0 > li.mobile-open");

        if (openLi) {
          openLi.classList.remove("mobile-open");
          openLi.parentNode.classList.remove("second-level-active");

          const dropdown = openLi.querySelector(":scope > .menu-dropdown");
          if (dropdown) dropdown.classList.remove("mobile-open");
        }
      });
    });


    /* =====================
       MOBILE LEVEL 1 (ACCORDION)
    ===================== */
    document.querySelectorAll(".ns-menu__mbl__nav .level-1-trigger").forEach((btn) => {
      btn.addEventListener("click", function (e) {
        e.stopPropagation();

        const parent = btn.parentElement;
        const inner = parent.querySelector(".menu-dropdown-1");

        //  Toggle only (no closing others)
        parent.classList.toggle("mobile-open");

        if (inner) {
          inner.style.display =
              parent.classList.contains("mobile-open") ? "block" : "none";
        }
      });
    });


    /* =====================
       SEARCH TOGGLE
    ===================== */
    const searchBtn = document.querySelector(".toggle-search");

    if (searchBtn) {
      searchBtn.addEventListener("click", function () {
        searchBtn.classList.toggle("open");
        document.querySelector(".desktop-search-wrapper")?.classList.toggle("open");
      });
    }


    /* =====================
       STICKY HEADER
    ===================== */
    let lastScroll = 0;
    const header = document.querySelector(".header");

    if (header) {
      window.addEventListener("scroll", () => {
        const currentScroll = window.scrollY;

        if (Math.abs(lastScroll - currentScroll) > 75) {
          if (currentScroll > lastScroll) {
            header.classList.add("header--hidden");
          } else {
            header.classList.remove("header--hidden");
          }

          lastScroll = currentScroll;
        }
      });
    }

  });
</script></section>










<section data-pf-theme-artefact-id="hero-with-plain-text"
      data-pf-theme-artefact-file-id="4c969886-0d6a-44f3-a302-56e3cd108b19"
      data-pf-theme-artefact-filename="hero-with-plain-text"
      data-pf-theme-block-id="qikLtNOJus"
      data-pf-theme-block-type="section"
      data-pf-theme-block-pos="1"
      data-pf-theme-block-ref="logo-clouds"
   role="region" aria-label="Text Banner with CTA"
  id="pf-hero-plain-text"
  style=""
  class="section-display relative section-qikLtNOJus pf-hero-plain-text
    
      px-[40px] sm:px-[40px] py-[48px] sm:py-[103px]
       
    
    "
  
>
  <div id="hero-with-plain-text-qikLtNOJus"></div>
  <div class="section-base w-full relative">
    
  <div class="flex flex-col">
    <div class="pf-title relative w-full order-3">
      <div class="pf-rte-wrapper"><h1 class="pf_font_preset_0" style="text-align: left;"><span class="" style="color: rgb(255, 255, 255);">Explore the NETSCOUT Resource Center</span></h1><p class="">&nbsp;</p></div>
    </div>
    <div class="pf-description relative w-full order-4">
      <div class="pf-rte-wrapper"><p class=""><span class="" style="font-family: OpenSansVariableFont; font-size: 24px; color: rgb(255, 255, 255);">Access in-depth content including white papers, solution briefs, and more. Filter by content type, area of interest, or industry, or search keywords to get started.</span></p></div>
    </div>
    <div class="pf-ctas-wrapper relative flex flex-wrap gap-4 pt-[10px] justify-center order-5">
      
    </div>
    
  </div>

  </div>
</section>


  <style>
    .section-qikLtNOJus::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      opacity: 1.0;
      background-image: url(https://cdn.pathfactory.com/assets/11187/heroes/1342092/abcad817-be7d-4ba3-bb40-a24542cd920f.webp);
    }
  </style>





<script>
  (() => {
    const animations = [];
    const onLoadAnimations = animations.filter((a) => a.trigger === "load");
    const onScrollAnimations = animations.filter((a) => a.trigger === "scroll");

    onLoadAnimations.forEach((a) => pfAnimationFunctions(a.type)(a));

    const observer = new IntersectionObserver((entries) => {
      entries.forEach((entry) => {
        if (entry.isIntersecting) {
          onScrollAnimations.forEach((a) => pfAnimationFunctions(a.type)(a));
          observer.disconnect();
        }
      });
    }, { threshold: 0.5 });

    const section = document.querySelector(".section-qikLtNOJus");
    observer.observe(section);
  })();
</script>










<style>
  .section-w_OUJ2oVyd .glide__bullet:not(.glide__bullet--active):not(:hover):not(:focus) {
    background-color: #7d7d7d80 !important;
  }
  
  .section-w_OUJ2oVyd .glide__bullet {
    background-color: #006068 !important;
  }

 .customContentList .pf-content-card-link .title,
 .customContentList .pf-content-card-link .description,
 .customContentList .pf-content-card-link .pf-content-card-thumbnail,
 .customContentList .pf-content-card-link .pf-content-card-cta {
    transition: all .3s ease-out;
  }
  
  .customContentList .pf-content-card-link .title {
    position: relative;
  }
  
  .customContentList .pf-content-card-link .description {
    position: absolute;
    top: 20px;
    left: 35px;
    right: 35px;
    opacity: 0;
  }
  
  .customContentList .pf-content-card-link:hover .title {
    opacity: 0;
  }
  
  .customContentList .pf-content-card-link:hover .description {
    opacity: 1;
  }
  
  .customContentList .pf-content-card-link:hover .pf-content-card-cta {
    opacity: 1;
    transform: translateY(-6px);
    text-decoration: underline;
  }
  
  .customContentList .pf-content-card-link:hover .pf-content-card-thumbnail {
    transform: scale(1.10);
  }

  .customContentList .pf-content-card-thumbnail {
    object-position: 0 0;
  }

  .customContentList .pf-content-tag-on-card,
  .customContentList .pf-content-card-cta {
    font-weight: 650;
  }
  
</style>










<section data-pf-theme-artefact-id="custom-content-list"
      data-pf-theme-artefact-file-id="44271f68-436c-4b78-a785-72dbeeb89caf"
      data-pf-theme-artefact-filename="custom-content-list"
      data-pf-theme-block-id="w_OUJ2oVyd"
      data-pf-theme-block-type="section"
      data-pf-theme-block-pos="2"
      data-pf-theme-block-ref="content-list"
   role="region" aria-label="Custom Content - Carousel"
  id=""
  style=""
  class="section-display relative section-w_OUJ2oVyd pf-content-list customContentList
    
      px-[30px] sm:px-[30px] py-[30px] sm:py-[30px]
       
    
    
      bg-[#FFFFFF]
    "
  
>
  <div id="custom-content-list-w_OUJ2oVyd"></div>
  <div class="section-base w-full relative">
    
  <div class="">
    <div class="pf-content-list-header-text">
      
    </div>
    <div class="pf_description"></div>
  </div>
  









<div class="px-[] flex-wrap">
  <div class="mb-[10px] flex flex-wrap gap-x-3 md:justify-between">
    <div class="flex flex-grow justify-between gap-1">
      
      
  </div>
  <div class="pf-resource-center-filters rc-mobile-filters-container md:hidden" aria-hidden="true">
          
          



<div role="region" id="rc-mobile-filter-w_OUJ2oVyd" class="z-[1000] fixed bottom-[calc(0px-70%)] left-0 h-[70%] w-full transition-[bottom] ease-in-out duration-300 md:hidden bg-white" x-data="{
    isFilterExpanded: false,
    checkStyle() {
      this.isFilterExpanded = $el.style.bottom === '0px';
    }
  }"
  x-init="checkStyle()"
  @keyup.escape="$el.style.bottom = ''; checkStyle()"
  @transitionend="checkStyle()">
  <div
    id="rc-mobile-filter-w_OUJ2oVyd-title"
    class="w-full px-5 flex justify-between items-center h-[50px]
      
        text-[#ffffff]
      
      
        bg-[#006068]
      "
  >
    <button id="bottom-bar-button" aria-label="Close"
      class="flex items-center space-x-2 w-full justify-between">
      <h2>Filters&nbsp;</h2>
      <i class="fa fa-close"></i>
    </button>
    
  </div>
  <div class="w-full flex justify-center h-full">
    
            <div class="flex flex-col w-full overflow-scroll max-h-[calc(100%-50px)]">
              
            </div>
          
  </div>
</div>
<script>
  document.querySelector("#rc-mobile-filter-w_OUJ2oVyd-title button").onclick = (e) => {
    const bottombar = document.querySelector("#rc-mobile-filter-w_OUJ2oVyd");
    const bottombarTitleIcon = document.querySelector("#rc-mobile-filter-w_OUJ2oVyd-title > i");
    if (bottombar.style.bottom == "0px") {
      bottombar.style.bottom = ""
      bottombar.classList.add("bottom-calc(0px-70%)");
      bottombarTitleIcon?.setAttribute("class", "fa fa-close");
    } else {
      bottombar.classList.remove("bottom-calc(0px-70%)");
      bottombar.style.bottom = "0px";
      bottombarTitleIcon?.setAttribute("class", "fa fa-close");
    }
    
  }
  document.addEventListener("keydown", (e) => {
    const bottombar = document.querySelector("#rc-mobile-filter-w_OUJ2oVyd");
    const closeButton = document.querySelector('#rc-mobile-filter-w_OUJ2oVyd .fa-close');
    if (e.key === "Escape") {
      bottombar.style.bottom = ""
      closeButton.setAttribute('tabindex', '-1');
    } else if (e.key === "Tab") {
      trapElementFocus(bottombar, e);
    }
  });
</script>
        </div>
    
  </div>
  
</div>

<script>
  (() => {
    const searchBoxElement = document.querySelector(".section-w_OUJ2oVyd .search-w_OUJ2oVyd");
    const filterButton = document.querySelector(".section-w_OUJ2oVyd .rc-mobile-filter-selector");
    const bottomBar = document.querySelector("#rc-mobile-filter-w_OUJ2oVyd");
    const closeButton = document.querySelector('#rc-mobile-filter-w_OUJ2oVyd .fa-close');

    // disable initial tabbing for close button in bottom bar
    closeButton?.setAttribute("tabindex", "-1");

    

    // handle filter button click
    filterButton?.addEventListener("click", () => {
      filterButton.setAttribute("aria-expanded", "true");
      closeButton.setAttribute("tabindex", "0");
      document.querySelector('#rc-mobile-filter-w_OUJ2oVyd-title button').onclick();
      bottomBar?.parentNode?.setAttribute("aria-hidden", "false");
    });

    // handle close button click that collapses bottom bar
    closeButton?.addEventListener("click", () => {
      filterButton.setAttribute("aria-expanded", "false");
      closeButton.setAttribute("tabindex", "-1");
      filterButton?.focus();
      bottomBar?.parentNode?.setAttribute("aria-hidden", "true");
    });
  })();

</script>

  <div role="status" aria-live="polite" class="pf-no-results no-results visually-hidden text-xl text-center w-full p-15">
    3 results found
  </div>
  
  
    <div
      role="status" aria-live="polite"
      class="carousel-w_OUJ2oVyd mx-[40px] sm:mx-[0] w-[calc(100%-80px)] sm:w-full glide "
      data-carousel-glide-id="glide-w_OUJ2oVyd"
      data-tiles-per-row="3"
      data-carousel-speed=""
      data-autoplay="no"
      data-autoplay-interval="4"
      data-gap="0"
      aria-roledescription="content-list-carousel"
      aria-live="polite"
    >
      
















<li
  
    aria-roledescription="slide"
    role="listitem"
    aria-label="Carousel  of 3"
    class="pf-content-card template asset relative  w-full  mb-8 sm:w-1/2 lg:w-1/4 glide__slide px-[10px]"
    style="height: auto; display: none;"
  
  data-content-id=""
  data-uuid=""
  data-is-pinned=""
  data-topics=""
  data-title=""
  data-language=""
  data-personas=""
  data-business-units=""
  data-industries=""
  data-products=""
  data-solutions=""
  data-content-type=""
  data-funnel-stages=""
  data-content-type-color="#323E48"
  
    
  
    
  
    
  
    
  
    
  
    
  
    
      
      data-general=""
    
  
    
      
      data-areas-of-interest=""
    
  
    
      
      data-internal-only=""
    
  
    
      
      data-visibility-in-resource-center=""
    
                  
>
  <a
    class="pf-content-card-link block group customHoverArrow min-h-[300px]"
    href=""
    
    
      data-lookbook-overlay-href=""
      data-lookbook-bg-click-close = true
      data-lookbook-close-background-color="#006068"
    
    
      aria-label="Carousel  of 3 slide  thumbnail graphic    –  link"
    
  >
    <div class="relative overflow-hidden rounded-[20px] h-[300px] shadow-[0px_3px_6px_#00000029]">
      <img
        class="pf-content-card-thumbnail object-cover w-full h-full aspect-[16/9]"
        src=""
        alt="Sample content thumbnail"
      >

      <!-- Overlay content -->
      <div 
        class="absolute inset-0 flex flex-col justify-between overflow-hidden"
        style="background: transparent linear-gradient(180deg, #1118204D 0%, #111820B3 100%) 0% 0% no-repeat padding-box;"
      >
    
        
          <div class="relative w-full flex-shrink-0">
            


















<div
  class="pf-content-tag-on-card-wrapper flex flex-col gap-[8px] w-full uppercase"
  
>
  
    <span class="
  pf-content-tag-on-card 
  bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words px-6 py-4 
 
" data-enabled-tags="content_type"></span>
  
  <span
    class="
  pf-pinned-content-tag bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words px-6 py-4 
"
    
      style="display: none;"
    
  >
    Featured&nbsp;<i class="fa fa-star" aria-hidden="true"></i>
  </span>
  
    
      
        
      
    
    
      
    
  
</div>
<div
  onclick="event.preventDefault()"
  class="pf-content-tag-below-card-wrapper cursor-default flex flex-wrap gap-[8px]"
  
>
  <span class="
  pf-content-tag-below-card 
  bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words px-6 py-4 

" data-enabled-tags="content_type"></span>
  
    
  
</div>
          </div>
          
        
        
        <div class="px-[35px] py-[18px] flex-shrink-0 absolute top-[64px]">

          <div class="inline-block mb-4 text-lg font-bold leading-tight text-gray-800 md:text-xl group-hover:text-gray-500 title">
            <span class="pf_font_preset_4 pf-content-card-title text-[#ffffff] line-clamp-4">
              
            </span>
          </div>
      
          
            <div
              class="pf_font_preset_7 text-[#ffffff] pb-[10px] description"
              style="display: none;"
            >
              <span class="pf-content-card-description line-clamp-5 font-semibold">
                
              </span>
            </div>
          
        </div>

        
          <div class="pf-content-card-cta pf_font_preset_7 flex items-center gap-0 text-[#ffffff] bg-[transparent] px-[35px] py-[18px] absolute bottom-0 w-full">
            <span class="flex-shrink-0">See more...</span>
            <span class="flex-shrink-0">
              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="mt-2 chevron-icon" fill="#fff" height="40px" width="40px" version="1.1" id="Layer_1" viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve">
                <path d="M267.1,200l-50.9-50.9c-3.1-3.1-3.1-8.2,0-11.3s8.2-3.1,11.3,0l56.6,56.6c3.1,3.1,3.1,8.2,0,11.3l-56.6,56.6  c-1.6,1.6-3.6,2.3-5.7,2.3s-4.1-0.8-5.7-2.3c-3.1-3.1-3.1-8.2,0-11.3L267.1,200z"></path>
              </svg>
            </span>
          </div>
        
      </div>
    </div>
  </a>
  
</li>
      <div class="glide__track" data-glide-el="track">
        <ul class="glide__slides pf-resource-center-cards-wrapper assets-w_OUJ2oVyd">
          
            
















<li
  
    aria-roledescription="slide"
    role="listitem"
    aria-label="Carousel 1 of 3"
    class="pf-content-card  asset relative  w-full  mb-8 sm:w-1/2 lg:w-1/4 glide__slide px-[10px]"
    style="height: auto; "
  
  data-content-id="1119147"
  data-uuid="a957f9ce-76fb-4209-96e0-3188ae08f3a4"
  data-is-pinned="false"
  data-topics=""
  data-title="Bringing Real-Time Insights to IT Ecosystems With Omnis AI Insights and the ServiceNow CMDB"
  data-language="English"
  data-personas=""
  data-business-units="Enterprise"
  data-industries=""
  data-products="Omnis SensorOmnis Streamer"
  data-solutions=""
  data-content-type="Fact Sheet"
  data-funnel-stages=""
  data-content-type-color="#4C47C4"
  
    
  
    
  
    
  
    
  
    
  
    
  
    
      
      data-general=""
    
  
    
      
      data-areas-of-interest="CloudCybersecurityAI OperationsObservability"
    
  
    
      
      data-internal-only=""
    
  
    
      
      data-visibility-in-resource-center=""
    
                  
>
  <a
    class="pf-content-card-link block group customHoverArrow min-h-[300px]"
    href="https://www.netscout.com/resources/rc/col/featured/bringing-real-time-insights-to-it-ecosystems?pflpid=74909&pfsid=w_OUJ2oVyd"
    
    
      data-lookbook-overlay-href="https://www.netscout.com/resources/rc/col/featured/bringing-real-time-insights-to-it-ecosystems?pflpid=74909&pfsid=w_OUJ2oVyd"
      data-lookbook-bg-click-close = true
      data-lookbook-close-background-color="#006068"
    
    
      aria-label="Carousel 1 of 3 slide Bringing Real-Time Insights to IT Ecosystems With Omnis AI Insights and the ServiceNow CMDB thumbnail graphic  English Fact Sheet – Bringing Real-Time Insights to IT Ecosystems With Omnis AI Insights and the ServiceNow CMDB link"
    
  >
    <div class="relative overflow-hidden rounded-[20px] h-[300px] shadow-[0px_3px_6px_#00000029]">
      <img
        class="pf-content-card-thumbnail object-cover w-full h-full aspect-[16/9]"
        src="https://cdn.pathfactory.com/assets/11187/contents/1428398/thumbnails/600x/9257834a-6b9c-4a69-936d-8be26cb1c48a.jpg"
        alt="Sample content thumbnail"
      >

      <!-- Overlay content -->
      <div 
        class="absolute inset-0 flex flex-col justify-between overflow-hidden"
        style="background: transparent linear-gradient(180deg, #1118204D 0%, #111820B3 100%) 0% 0% no-repeat padding-box;"
      >
    
        
          <div class="relative w-full flex-shrink-0">
            


















<div
  class="pf-content-tag-on-card-wrapper flex flex-col gap-[8px] w-full uppercase"
  
>
  
  <span
    class="
  pf-pinned-content-tag bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words px-6 py-4 
"
    
      style="display: none;"
    
  >
    Featured&nbsp;<i class="fa fa-star" aria-hidden="true"></i>
  </span>
  
    
      
        
          <span class="pf-content-tag-on-card pf_font_preset_7 rounded-[0px] max-w-full break-words px-[35px] py-[18px]" style="background: linear-gradient(180deg, #11182000 0%, #11182066 100%),#4C47C4; color: #FFFFFF;">
            Fact Sheet
          </span>
        
      
    
    
      
    
  
</div>
<div
  onclick="event.preventDefault()"
  class="pf-content-tag-below-card-wrapper cursor-default flex flex-wrap gap-[8px]"
  
>
  
  
    
  
</div>
          </div>
          
        
        
        <div class="px-[35px] py-[18px] flex-shrink-0 absolute top-[64px]">

          <div class="inline-block mb-4 text-lg font-bold leading-tight text-gray-800 md:text-xl group-hover:text-gray-500 title">
            <span class="pf_font_preset_4 pf-content-card-title text-[#ffffff] line-clamp-4">
              Bringing Real-Time Insights to IT Ecosystems With Omnis AI Insights and the ServiceNow CMDB
            </span>
          </div>
      
          
            <div
              class="pf_font_preset_7 text-[#ffffff] pb-[10px] description"
              style=""
            >
              <span class="pf-content-card-description line-clamp-5 font-semibold">
                A continuously updated CMDB supports stronger service health and operational resilience.
              </span>
            </div>
          
        </div>

        
          <div class="pf-content-card-cta pf_font_preset_7 flex items-center gap-0 text-[#ffffff] bg-[transparent] px-[35px] py-[18px] absolute bottom-0 w-full">
            <span class="flex-shrink-0">See more...</span>
            <span class="flex-shrink-0">
              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="mt-2 chevron-icon" fill="#fff" height="40px" width="40px" version="1.1" id="Layer_1" viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve">
                <path d="M267.1,200l-50.9-50.9c-3.1-3.1-3.1-8.2,0-11.3s8.2-3.1,11.3,0l56.6,56.6c3.1,3.1,3.1,8.2,0,11.3l-56.6,56.6  c-1.6,1.6-3.6,2.3-5.7,2.3s-4.1-0.8-5.7-2.3c-3.1-3.1-3.1-8.2,0-11.3L267.1,200z"></path>
              </svg>
            </span>
          </div>
        
      </div>
    </div>
  </a>
  
</li>
          
            
















<li
  
    aria-roledescription="slide"
    role="listitem"
    aria-label="Carousel 2 of 3"
    class="pf-content-card  asset relative  w-full  mb-8 sm:w-1/2 lg:w-1/4 glide__slide px-[10px]"
    style="height: auto; "
  
  data-content-id="1119640"
  data-uuid="e5ec3ff7-c496-4602-a6a2-63ead2a0dd7c"
  data-is-pinned="false"
  data-topics=""
  data-title="Anatomy of Salt Typhoon"
  data-language="English"
  data-personas=""
  data-business-units="Security"
  data-industries=""
  data-products="Omnis Cyber IntelligenceOmnis CyberStream"
  data-solutions=""
  data-content-type="eBook"
  data-funnel-stages=""
  data-content-type-color="#4C47C4"
  
    
  
    
  
    
  
    
  
    
  
    
  
    
      
      data-general=""
    
  
    
      
      data-areas-of-interest="Distributed Denial of Service (DDoS)Cybersecurity"
    
  
    
      
      data-internal-only=""
    
  
    
      
      data-visibility-in-resource-center=""
    
                  
>
  <a
    class="pf-content-card-link block group customHoverArrow min-h-[300px]"
    href="https://www.netscout.com/resources/rc/col/featured/anatomy-of-salt-typhoon?pflpid=74909&pfsid=w_OUJ2oVyd"
    
    
      data-lookbook-overlay-href="https://www.netscout.com/resources/rc/col/featured/anatomy-of-salt-typhoon?pflpid=74909&pfsid=w_OUJ2oVyd"
      data-lookbook-bg-click-close = true
      data-lookbook-close-background-color="#006068"
    
    
      aria-label="Carousel 2 of 3 slide Anatomy of Salt Typhoon thumbnail graphic  English eBook – Anatomy of Salt Typhoon link"
    
  >
    <div class="relative overflow-hidden rounded-[20px] h-[300px] shadow-[0px_3px_6px_#00000029]">
      <img
        class="pf-content-card-thumbnail object-cover w-full h-full aspect-[16/9]"
        src="https://cdn.pathfactory.com/assets/11187/contents/1119640/thumbnails/600x/ca03c0e7-e7e5-46d8-ae88-5c517a619994-01.png"
        alt="Sample content thumbnail"
      >

      <!-- Overlay content -->
      <div 
        class="absolute inset-0 flex flex-col justify-between overflow-hidden"
        style="background: transparent linear-gradient(180deg, #1118204D 0%, #111820B3 100%) 0% 0% no-repeat padding-box;"
      >
    
        
          <div class="relative w-full flex-shrink-0">
            


















<div
  class="pf-content-tag-on-card-wrapper flex flex-col gap-[8px] w-full uppercase"
  
>
  
  <span
    class="
  pf-pinned-content-tag bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words px-6 py-4 
"
    
      style="display: none;"
    
  >
    Featured&nbsp;<i class="fa fa-star" aria-hidden="true"></i>
  </span>
  
    
      
        
          <span class="pf-content-tag-on-card pf_font_preset_7 rounded-[0px] max-w-full break-words px-[35px] py-[18px]" style="background: linear-gradient(180deg, #11182000 0%, #11182066 100%),#4C47C4; color: #FFFFFF;">
            eBook
          </span>
        
      
    
    
      
    
  
</div>
<div
  onclick="event.preventDefault()"
  class="pf-content-tag-below-card-wrapper cursor-default flex flex-wrap gap-[8px]"
  
>
  
  
    
  
</div>
          </div>
          
        
        
        <div class="px-[35px] py-[18px] flex-shrink-0 absolute top-[64px]">

          <div class="inline-block mb-4 text-lg font-bold leading-tight text-gray-800 md:text-xl group-hover:text-gray-500 title">
            <span class="pf_font_preset_4 pf-content-card-title text-[#ffffff] line-clamp-4">
              Anatomy of Salt Typhoon
            </span>
          </div>
      
          
            <div
              class="pf_font_preset_7 text-[#ffffff] pb-[10px] description"
              style=""
            >
              <span class="pf-content-card-description line-clamp-5 font-semibold">
                Understanding the Tactics and Impact of This State-Sponsored Threat
              </span>
            </div>
          
        </div>

        
          <div class="pf-content-card-cta pf_font_preset_7 flex items-center gap-0 text-[#ffffff] bg-[transparent] px-[35px] py-[18px] absolute bottom-0 w-full">
            <span class="flex-shrink-0">See more...</span>
            <span class="flex-shrink-0">
              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="mt-2 chevron-icon" fill="#fff" height="40px" width="40px" version="1.1" id="Layer_1" viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve">
                <path d="M267.1,200l-50.9-50.9c-3.1-3.1-3.1-8.2,0-11.3s8.2-3.1,11.3,0l56.6,56.6c3.1,3.1,3.1,8.2,0,11.3l-56.6,56.6  c-1.6,1.6-3.6,2.3-5.7,2.3s-4.1-0.8-5.7-2.3c-3.1-3.1-3.1-8.2,0-11.3L267.1,200z"></path>
              </svg>
            </span>
          </div>
        
      </div>
    </div>
  </a>
  
</li>
          
            
















<li
  
    aria-roledescription="slide"
    role="listitem"
    aria-label="Carousel 3 of 3"
    class="pf-content-card  asset relative  w-full  mb-8 sm:w-1/2 lg:w-1/4 glide__slide px-[10px]"
    style="height: auto; "
  
  data-content-id="1115740"
  data-uuid="8288a99c-2d6c-4e46-8739-454103a98b8f"
  data-is-pinned="false"
  data-topics=""
  data-title="SPARK Matrix™:  Network Detection &amp; Response (NDR), Q4 2025"
  data-language="English"
  data-personas=""
  data-business-units="Security"
  data-industries=""
  data-products=""
  data-solutions=""
  data-content-type="Report"
  data-funnel-stages=""
  data-content-type-color="#4C47C4"
  
    
  
    
  
    
  
    
  
    
  
    
  
    
      
      data-general=""
    
  
    
      
      data-areas-of-interest="Threat IntelligenceDistributed Denial of Service (DDoS)Cybersecurity"
    
  
    
      
      data-internal-only=""
    
  
    
      
      data-visibility-in-resource-center=""
    
                  
>
  <a
    class="pf-content-card-link block group customHoverArrow min-h-[300px]"
    href="https://www.netscout.com/resources/rc/col/featured/spark-matrix-network-detection-response-ndr-q4-2025-2?pflpid=74909&pfsid=w_OUJ2oVyd"
    
    
      data-lookbook-overlay-href="https://www.netscout.com/resources/rc/col/featured/spark-matrix-network-detection-response-ndr-q4-2025-2?pflpid=74909&pfsid=w_OUJ2oVyd"
      data-lookbook-bg-click-close = true
      data-lookbook-close-background-color="#006068"
    
    
      aria-label="Carousel 3 of 3 slide SPARK Matrix™:  Network Detection &amp; Response (NDR), Q4 2025 thumbnail graphic  English Report – SPARK Matrix™:  Network Detection &amp; Response (NDR), Q4 2025 link"
    
  >
    <div class="relative overflow-hidden rounded-[20px] h-[300px] shadow-[0px_3px_6px_#00000029]">
      <img
        class="pf-content-card-thumbnail object-cover w-full h-full aspect-[16/9]"
        src="https://cdn.pathfactory.com/assets/11187/contents/1434438/thumbnails/600x/516cb83c-e01b-4854-90da-577348fb52b9.png"
        alt="Sample content thumbnail"
      >

      <!-- Overlay content -->
      <div 
        class="absolute inset-0 flex flex-col justify-between overflow-hidden"
        style="background: transparent linear-gradient(180deg, #1118204D 0%, #111820B3 100%) 0% 0% no-repeat padding-box;"
      >
    
        
          <div class="relative w-full flex-shrink-0">
            


















<div
  class="pf-content-tag-on-card-wrapper flex flex-col gap-[8px] w-full uppercase"
  
>
  
  <span
    class="
  pf-pinned-content-tag bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words px-6 py-4 
"
    
      style="display: none;"
    
  >
    Featured&nbsp;<i class="fa fa-star" aria-hidden="true"></i>
  </span>
  
    
      
        
          <span class="pf-content-tag-on-card pf_font_preset_7 rounded-[0px] max-w-full break-words px-[35px] py-[18px]" style="background: linear-gradient(180deg, #11182000 0%, #11182066 100%),#4C47C4; color: #FFFFFF;">
            Report
          </span>
        
      
    
    
      
    
  
</div>
<div
  onclick="event.preventDefault()"
  class="pf-content-tag-below-card-wrapper cursor-default flex flex-wrap gap-[8px]"
  
>
  
  
    
  
</div>
          </div>
          
        
        
        <div class="px-[35px] py-[18px] flex-shrink-0 absolute top-[64px]">

          <div class="inline-block mb-4 text-lg font-bold leading-tight text-gray-800 md:text-xl group-hover:text-gray-500 title">
            <span class="pf_font_preset_4 pf-content-card-title text-[#ffffff] line-clamp-4">
              SPARK Matrix™:  Network Detection &amp; Response (NDR), Q4 2025
            </span>
          </div>
      
          
            <div
              class="pf_font_preset_7 text-[#ffffff] pb-[10px] description"
              style=""
            >
              <span class="pf-content-card-description line-clamp-5 font-semibold">
                Our differentiated solution combines high-fidelity packet data and ML-driven analytics, empowering security teams to detect, investigate, and respond to known and unknown threats across environments.
              </span>
            </div>
          
        </div>

        
          <div class="pf-content-card-cta pf_font_preset_7 flex items-center gap-0 text-[#ffffff] bg-[transparent] px-[35px] py-[18px] absolute bottom-0 w-full">
            <span class="flex-shrink-0">See more...</span>
            <span class="flex-shrink-0">
              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="mt-2 chevron-icon" fill="#fff" height="40px" width="40px" version="1.1" id="Layer_1" viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve">
                <path d="M267.1,200l-50.9-50.9c-3.1-3.1-3.1-8.2,0-11.3s8.2-3.1,11.3,0l56.6,56.6c3.1,3.1,3.1,8.2,0,11.3l-56.6,56.6  c-1.6,1.6-3.6,2.3-5.7,2.3s-4.1-0.8-5.7-2.3c-3.1-3.1-3.1-8.2,0-11.3L267.1,200z"></path>
              </svg>
            </span>
          </div>
        
      </div>
    </div>
  </a>
  
</li>
          
        </ul>
      </div>
      
    </div>
        <div class="border-line border-b-2 border-[#d1d1d1] mt-4"></div>
  
  <script>
    document.addEventListener("DOMContentLoaded", () => {
      const contentsApi = new PfContentsApi({ sectionNodeId: "w_OUJ2oVyd", preset: "contentList" });
      contentsApi.initializeContentControls();
    }, { once: true });
  </script>

  </div>
</section>





<script>
  (() => {
    const filterButton = document.querySelector(".section-w_OUJ2oVyd .cl-mobile-filter-selector");
    const closeButton = document.querySelector('.section-w_OUJ2oVyd .fa-close');

    // disable initial tabbing for close button in bottom bar
    closeButton?.setAttribute("tabindex", "-1");

    // handle filter button click
    filterButton?.addEventListener("click", () => {
      filterButton.setAttribute("aria-expanded", "true");
      closeButton.setAttribute("tabindex", "0");
    });

    // handle close button click that collapses bottom bar
    closeButton?.addEventListener("click", () => {
      filterButton.setAttribute("aria-expanded", "false");
      closeButton.setAttribute("tabindex", "-1");
    });
  })();

</script>



<script>
  (() => {
    const animations = [];
    const onLoadAnimations = animations.filter((a) => a.trigger === "load");
    const onScrollAnimations = animations.filter((a) => a.trigger === "scroll");

    onLoadAnimations.forEach((a) => pfAnimationFunctions(a.type)(a));

    const observer = new IntersectionObserver((entries) => {
      entries.forEach((entry) => {
        if (entry.isIntersecting) {
          onScrollAnimations.forEach((a) => pfAnimationFunctions(a.type)(a));
          observer.disconnect();
        }
      });
    }, { threshold: 0.5 });

    const section = document.querySelector(".section-w_OUJ2oVyd");
    observer.observe(section);
  })();
</script>



















<section data-pf-theme-artefact-id="custom-resource-center"
      data-pf-theme-artefact-file-id="6c597078-c990-4fe3-ac5c-0e52c5f3fddb"
      data-pf-theme-artefact-filename="custom-resource-center"
      data-pf-theme-block-id="_C75iv_wdh"
      data-pf-theme-block-type="section"
      data-pf-theme-block-pos="3"
      data-pf-theme-block-ref="resource-center"
   role="region" aria-label="Custom Resource Center"
  id=""
  style=""
  class="section-display relative section-_C75iv_wdh pf-resource-center CustomResourceCenter
    
      px-[30px] sm:px-[30px] py-[30px] sm:py-[30px]
       
    
    
      bg-[#FFFFFF]
    "
  
>
  <div id="custom-resource-center-_C75iv_wdh"></div>
  <div class="section-base w-full relative">
    
  
  
  <div class="flex flex-col ">
    









<div class="px-[30px] flex-wrap">
  <div class="mb-[10px] flex flex-wrap gap-x-3 md:justify-between">
    <div class="absolute right-0">
      
      
        <Button
          class="md:hidden text-[#006068] relative top-[21px] grow-[1] flex justify-end items-center rc-mobile-filter-selector ml-2"
          aria-label="open resource center content filter" aria-expanded="false"
          aria-controls="rc-mobile-filter-_C75iv_wdh"
        >
          <i class="fa-solid fa-filter"></i>
        </Button>
      
  </div>
  <div class="pf-resource-center-filters rc-mobile-filters-container md:hidden" aria-hidden="true">
          
          



<div role="region" id="rc-mobile-filter-_C75iv_wdh" class="z-[1000] fixed bottom-[calc(0px-70%)] left-0 h-[70%] w-full transition-[bottom] ease-in-out duration-300 md:hidden bg-white" x-data="{
    isFilterExpanded: false,
    checkStyle() {
      this.isFilterExpanded = $el.style.bottom === '0px';
    }
  }"
  x-init="checkStyle()"
  @keyup.escape="$el.style.bottom = ''; checkStyle()"
  @transitionend="checkStyle()">
  <div
    id="rc-mobile-filter-_C75iv_wdh-title"
    class="w-full px-3 flex justify-between items-center h-[50px]
      
        text-[#ffffff]
      
      
        bg-[#006068]
      "
  >
    <div>Filters&nbsp;</div>
    <button aria-label="Close" class="fa fa-close"></button>
  </div>
  <div class="w-full flex justify-center h-full">
    
            <div class="flex flex-col w-full overflow-scroll max-h-[calc(100%-50px)]">
              
                
                
                
                
                
                








<div x-data="{ expanded: false }" id="mobile-select-content_type-_C75iv_wdh" onchange="" class="select-content_type mobile-select-container relative  w-full">
  <button x-on:click="expanded = !expanded" x-bind:aria-expanded="expanded ? 'true' : 'false'" class="expand-filter text-[#323E48] flex justify-between p-3 pb-0 w-full" x-bind:tabindex="isFilterExpanded ? '0' : '-1'">
    <span class="filter-label whitespace-nowrap text-md">Content type</span>
    <span>
      <span class="pf-selected-options-count text-sm text-center w-[20px] bg-[#006068] text-[#ffffff] border-none rounded-[50%]"></span>
      &nbsp;
      <i class="fa-solid fa-chevron-down test"></i>
    </span>
  </button>
  <div class="filter-options px-10 h-0 overflow-hidden ease-in-out duration-300">
    <ul class="pf-options-wrapper-content_type">
      
      
        <li class="pf-options pf-template border-b-1 h-12 py-3 flex items-center" style="display: none">
          <input id="-mobile-_C75iv_wdh" x-bind:tabindex="expanded && isFilterExpanded ? 0 : -1" name="" type="checkbox" class="pf-checkbox text-[#ffffff] border-[#323E48]  cursor-pointer">
          <label for="-mobile-_C75iv_wdh" class="pf-label ml-sm text-[#323E48] truncate">None</label>
        </li>
      
      
    </ul>
  </div>
</div>
<script>
  document.querySelector("#mobile-select-content_type-_C75iv_wdh .expand-filter").addEventListener("click", () => {
    const options = document.querySelector("#mobile-select-content_type-_C75iv_wdh .filter-options");
    if (options.classList.contains("h-0")) {
      options.classList.remove("h-0");
      options.classList.add("h-fit");
    } else {
      options.classList.add("h-0");
      options.classList.remove("h-fit");
    }
  });

  
    document.querySelectorAll("#mobile-select-content_type-_C75iv_wdh input[type='radio']").forEach((checkbox) => {
      checkbox.addEventListener("change", (event) => {
        const container = document.querySelector("#mobile-select-content_type-_C75iv_wdh");
        const currentContainerValue = container.value || [];
        const label = document.querySelector("#mobile-select-content_type-_C75iv_wdh .filter-label");
        if (event.target.checked) {
          container.value = currentContainerValue.concat([event.target.name]);
        } else {
          container.value = currentContainerValue.filter(x => x !== event.target.name);
        }
        label.textContent = container.value.length == 0 ? "Content type" : `Content type (${container.value.length})`;
      });
    });
  
</script>
              
                
                
                
                
                
                








<div x-data="{ expanded: false }" id="mobile-select-industries-_C75iv_wdh" onchange="" class="select-industries mobile-select-container relative  w-full">
  <button x-on:click="expanded = !expanded" x-bind:aria-expanded="expanded ? 'true' : 'false'" class="expand-filter text-[#323E48] flex justify-between p-3 pb-0 w-full" x-bind:tabindex="isFilterExpanded ? '0' : '-1'">
    <span class="filter-label whitespace-nowrap text-md">Industries</span>
    <span>
      <span class="pf-selected-options-count text-sm text-center w-[20px] bg-[#006068] text-[#ffffff] border-none rounded-[50%]"></span>
      &nbsp;
      <i class="fa-solid fa-chevron-down test"></i>
    </span>
  </button>
  <div class="filter-options px-10 h-0 overflow-hidden ease-in-out duration-300">
    <ul class="pf-options-wrapper-industries">
      
      
        <li class="pf-options pf-template border-b-1 h-12 py-3 flex items-center" style="display: none">
          <input id="-mobile-_C75iv_wdh" x-bind:tabindex="expanded && isFilterExpanded ? 0 : -1" name="" type="checkbox" class="pf-checkbox text-[#ffffff] border-[#323E48]  cursor-pointer">
          <label for="-mobile-_C75iv_wdh" class="pf-label ml-sm text-[#323E48] truncate">None</label>
        </li>
      
      
    </ul>
  </div>
</div>
<script>
  document.querySelector("#mobile-select-industries-_C75iv_wdh .expand-filter").addEventListener("click", () => {
    const options = document.querySelector("#mobile-select-industries-_C75iv_wdh .filter-options");
    if (options.classList.contains("h-0")) {
      options.classList.remove("h-0");
      options.classList.add("h-fit");
    } else {
      options.classList.add("h-0");
      options.classList.remove("h-fit");
    }
  });

  
    document.querySelectorAll("#mobile-select-industries-_C75iv_wdh input[type='radio']").forEach((checkbox) => {
      checkbox.addEventListener("change", (event) => {
        const container = document.querySelector("#mobile-select-industries-_C75iv_wdh");
        const currentContainerValue = container.value || [];
        const label = document.querySelector("#mobile-select-industries-_C75iv_wdh .filter-label");
        if (event.target.checked) {
          container.value = currentContainerValue.concat([event.target.name]);
        } else {
          container.value = currentContainerValue.filter(x => x !== event.target.name);
        }
        label.textContent = container.value.length == 0 ? "Industries" : `Industries (${container.value.length})`;
      });
    });
  
</script>
              
                
                
                
                
                
                








<div x-data="{ expanded: false }" id="mobile-select-areas_of_interest-_C75iv_wdh" onchange="" class="select-areas_of_interest mobile-select-container relative  w-full">
  <button x-on:click="expanded = !expanded" x-bind:aria-expanded="expanded ? 'true' : 'false'" class="expand-filter text-[#323E48] flex justify-between p-3 pb-0 w-full" x-bind:tabindex="isFilterExpanded ? '0' : '-1'">
    <span class="filter-label whitespace-nowrap text-md">Areas of Interest</span>
    <span>
      <span class="pf-selected-options-count text-sm text-center w-[20px] bg-[#006068] text-[#ffffff] border-none rounded-[50%]"></span>
      &nbsp;
      <i class="fa-solid fa-chevron-down test"></i>
    </span>
  </button>
  <div class="filter-options px-10 h-0 overflow-hidden ease-in-out duration-300">
    <ul class="pf-options-wrapper-areas_of_interest">
      
      
        <li class="pf-options pf-template border-b-1 h-12 py-3 flex items-center" style="display: none">
          <input id="-mobile-_C75iv_wdh" x-bind:tabindex="expanded && isFilterExpanded ? 0 : -1" name="" type="checkbox" class="pf-checkbox text-[#ffffff] border-[#323E48]  cursor-pointer">
          <label for="-mobile-_C75iv_wdh" class="pf-label ml-sm text-[#323E48] truncate">None</label>
        </li>
      
      
    </ul>
  </div>
</div>
<script>
  document.querySelector("#mobile-select-areas_of_interest-_C75iv_wdh .expand-filter").addEventListener("click", () => {
    const options = document.querySelector("#mobile-select-areas_of_interest-_C75iv_wdh .filter-options");
    if (options.classList.contains("h-0")) {
      options.classList.remove("h-0");
      options.classList.add("h-fit");
    } else {
      options.classList.add("h-0");
      options.classList.remove("h-fit");
    }
  });

  
    document.querySelectorAll("#mobile-select-areas_of_interest-_C75iv_wdh input[type='radio']").forEach((checkbox) => {
      checkbox.addEventListener("change", (event) => {
        const container = document.querySelector("#mobile-select-areas_of_interest-_C75iv_wdh");
        const currentContainerValue = container.value || [];
        const label = document.querySelector("#mobile-select-areas_of_interest-_C75iv_wdh .filter-label");
        if (event.target.checked) {
          container.value = currentContainerValue.concat([event.target.name]);
        } else {
          container.value = currentContainerValue.filter(x => x !== event.target.name);
        }
        label.textContent = container.value.length == 0 ? "Areas of Interest" : `Areas of Interest (${container.value.length})`;
      });
    });
  
</script>
              
            </div>
          
  </div>
</div>
<script>
  document.querySelector("#rc-mobile-filter-_C75iv_wdh-title").onclick = (e) => {
    const bottombar = document.querySelector("#rc-mobile-filter-_C75iv_wdh");
    const bottombarTitleIcon = document.querySelector("#rc-mobile-filter-_C75iv_wdh-title > i");
    if (bottombar.style.bottom == "0px") {
      bottombar.style.bottom = ""
      bottombar.classList.add("bottom-calc(0px-70%)");
      bottombarTitleIcon?.setAttribute("class", "fa fa-close");
    } else {
      bottombar.classList.remove("bottom-calc(0px-70%)");
      bottombar.style.bottom = "0px";
      bottombarTitleIcon?.setAttribute("class", "fa fa-close");
    }
    
  }
  document.addEventListener("keydown", (e) => {
    const bottombar = document.querySelector("#rc-mobile-filter-_C75iv_wdh");
    const closeButton = document.querySelector('#rc-mobile-filter-_C75iv_wdh .fa-close');
    if (e.key === "Escape") {
      bottombar.style.bottom = ""
      closeButton.setAttribute('tabindex', '-1');
    } else if (e.key === "Tab") {
      trapElementFocus(bottombar, e);
    }
  });
</script>
        </div>
    
  </div>

  
  
      
    <div class="pf-resource-center-filters md:flex md:justify-start md:flex-wrap md:gap-3 mb-10">

     
        <div class="w-[90%] md:w-fit mb-4 md:mb-0 items-center md:flex md:justify-start md:flex-wrap md:gap-x-3">
        
          <label for="search-input-_C75iv_wdh" class="font-semibold text-[#374151] mt-1 mr-3 hidden">
            Search:
          </label>
        <div class="relative">
        
        <input
          type="search"
          id="search-input-_C75iv_wdh"
          placeholder="Search..."
          class="w-full md:w-[450px] search-_C75iv_wdh pf-content-list-search py-2 pl-4 rounded-full border border-gray-300 placeholder-gray-400 text-gray-700 focus:outline-none focus:ring-0 focus:ring-[transparent]"
          aria-label="Search the content"
          style="border: 1px solid #323E48; padding-top: 14px; padding-bottom: 14px;"
        />

      <!-- <input
            type="search"
            id="search-input-_C75iv_wdh"
            placeholder="Search..."
            class="w-[100%] md:w-[200px] search-_C75iv_wdh 
                  border-[#323E48] 
                  rounded-[22px] 
                  h-fit p-[8px] 
                  placeholder-gray-500 pf_font_preset_7 
                  pf-content-list-search mr-[10px] md:mr-0"
            aria-label="Search the content"
          /> -->
        <div class="absolute top-0 bottom-0 w-[52px] flex items-center justify-center 
                 bg-[#0f6161] hover:bg-[#0d5454] rounded-r-full transition-colors" style="right:-2px"
        >
          <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-white" fill="currentColor" viewBox="0 0 20 20">
            <path d="M19.4905 16.2586L15.6283 12.6236C16.6842 11.1184 17.1811 9.3206 17.0402 7.51591C16.8992 5.71121 16.1285 4.00307 14.8504 2.66285C13.5723 1.32263 11.8601 0.427184 9.98588 0.118767C8.11165 -0.18965 6.18284 0.106648 4.50586 0.960591C2.82888 1.81453 1.49991 3.17715 0.730067 4.83197C-0.0397772 6.48679 -0.206343 8.33892 0.256828 10.0941C0.72 11.8493 1.78635 13.4069 3.28647 14.5195C4.78659 15.6321 6.63446 16.2359 8.53652 16.2349C10.2246 16.2365 11.8743 15.7565 13.2727 14.8569L17.1433 18.5394C17.4552 18.8344 17.8771 19 18.3169 19C18.7567 19 19.1786 18.8344 19.4905 18.5394C19.6517 18.3917 19.7798 18.2145 19.8674 18.0186C19.9549 17.8226 20 17.6119 20 17.399C20 17.1861 19.9549 16.9754 19.8674 16.7795C19.7798 16.5835 19.6517 16.4064 19.4905 16.2586ZM8.53652 2.32833C9.72971 2.32833 10.8961 2.66487 11.8884 3.29541C12.8806 3.92596 13.6541 4.8222 14.1111 5.87088C14.5681 6.91956 14.688 8.0736 14.4559 9.18714C14.2237 10.3007 13.6498 11.3237 12.8066 12.127C11.9635 12.9303 10.889 13.4778 9.71892 13.7002C8.54885 13.9227 7.33574 13.8101 6.2329 13.3767C5.13005 12.9434 4.18699 12.2087 3.52289 11.2655C2.85879 10.3224 2.50346 9.21308 2.50181 8.07784C2.50181 6.55434 3.13734 5.09313 4.26883 4.01512C5.40032 2.9371 6.93525 2.33042 8.53652 2.32833Z" />
          </svg>
        </div>
      </div>

    </div>
  
      
      
      <label id="resource-center-filter-label" class="font-semibold text-[#374151] mt-[7px] hidden">
        Filter by:
      </label>
      
        
        
        
        
        
        



























<div id="select-content_type-_C75iv_wdh" onchange="" class="filterTop select-content_type select-container relative" role="combobox" aria-haspopup="listbox" aria-labelledby="resource-center-filter-label">
  <div class="dropdown-button md:inline" style="display: block;">
    
<div
  x-data="{ 
    expanded: false,
    selectionCount: 0,
    get hasSelections() {
      return this.selectionCount > 0;
    },
    updateCount() {
      const container = this.$el.closest('.select-container');
      this.selectionCount = container?.querySelectorAll('.pf-options-wrapper-content_type input[type=checkbox]:checked').length || 0;
    }
  }"
  x-init="updateCount(); $nextTick(() => { 
    const container = $el.closest('.select-container');
    const observer = new MutationObserver(() => updateCount());
    observer.observe(container, { subtree: true, attributes: true, attributeFilter: ['checked'] });
  })"
  @click.outside="if (!$event.target.closest('.select-content_type')) expanded = false"
  @keyup.escape="expanded = false"
  class="relative" 
>
  <button
    x-on:click="expanded = !expanded"
    x-bind:aria-expanded="expanded"
    aria-label="Content type"
    aria-haspopup="listbox"
    class="w-[100%] md:w-[260px]
      noselect customFilter
      bg-[#ffffff]
      text-[#323E48]
      px-5 py-3 border border-solid border-[#ccc]"
    :style="expanded ? 'border-bottom: none;' : 'border-bottom: 24px solid #ccc;'"
    :class="{
      'rounded-t-[22px] rounded-b-none': expanded,
      'rounded-[22px]': !expanded
    }"
  >
    <div class="flex justify-between items-center">
      <span class="dropdown-label whitespace-nowrap pf_font_preset_7">Content type</span>
      <div>
        <span
          x-show="hasSelections && !expanded"
          x-cloak
          class="pf-selected-options-count pf_font_preset_7 w-[24px] bg-[#323E48] text-[#ffffff] border-none rounded-[25px]"
          x-text="selectionCount"
        ></span>
        <span 
          x-show="hasSelections && !expanded"
          x-cloak
          @mouseover="$el.previousElementSibling.style.display='none'; $el.style.display='inline-block'"
          @mouseout="$el.previousElementSibling.style.display='inline-block'; $el.style.display='none'"
          class="pf-clear-checked_filters-selector pf_font_preset_7 w-[24px] bg-[#323E48] text-[#ffffff] border-none rounded-[25px] hidden"
        >X</span>
        <i :class="expanded ? 'fa-solid fa-chevron-up' : 'fa-solid fa-chevron-down'" class="mt-[3px]" aria-hidden="true"></i>
      </div>
    </div>
  </button>
</div>

     
  </div>
  <div
  x-show="expanded"
  @click.stop
    class="dropdown-list hidden absolute w-[260px] z-10 bg-white 
      left-[0%] top-[95%]
      sm:top-[95%]
      
      shadow-[#323E48]
      rounded-b-[22px] customFilter py-[10px]"
  >
    
  <!-- <div class="flex flex-nowrap items-center p-[5px]">
    <input
      type="search"
      placeholder="&#xf002; Search"
      style="font-family: Helvetica, FontAwesome, sans-serif;"
      class="dropdown-search-content_type w-[100%] grow-[1] border-[#323E48] placeholder-[#323E48] rounded-[22px] pf_font_preset_7"
    />
  </div> -->

  
  <div role="alert" class="pf-search-status-content_type visually-hidden"></div>

  
  <ul class="pf-options-wrapper-content_type">
      <li class="pf-options pf-template py-[10px] px-5 border-b border-[#EFEFEF] last:border-b-0" style="display: none;">
        <input data-screen="desktop" id="" name="" type="checkbox" class="pf-checkbox text-[#ffffff] border-[#323E48]  cursor-pointer">
        <label for="" class="pf-label ml-sm text-[#323E48] pf_font_preset_7" style="font-weight:400;">None</label>
      </li>
  </ul>

  
  <!-- <div class="flex justify-end" style="border-top: 1px solid #ccc; width: 100%; padding: 0.75rem;">
    <button type="reset" data-type="content_type" class="pf-clear-options pf-clear-options-content_type flex items-center gap-2 cursor-pointer text-[#323E48] rounded-[22px] hover:brightness-90" aria-label="Clear All Filters">
      <i class="fa-solid fa-xmark" aria-hidden="true"></i>
      <span class="pf_font_preset_7">Clear all filters</span>
    </button>
  </div> -->

  

  </div>
</div>

<style>
.filterTop {
  display: none;
}

@media (min-width: 768px) {
  
    .filterTop {
      display: inline;
    }
  
}
</style>

<script>
  (function() {
    const container = document.querySelector("#select-content_type-_C75iv_wdh");
    const dropDownButton = document.querySelector("#select-content_type-_C75iv_wdh .dropdown-button");
    const dropDownList = document.querySelector("#select-content_type-_C75iv_wdh .dropdown-list");
    
    dropDownButton?.addEventListener("click", () => {
      if (dropDownList.classList.contains("hidden")) {
        dropDownList.classList.remove("hidden");
      } else {
        dropDownList.classList.add("hidden");
      }
    });

    document.addEventListener("keydown", (e) => {
      if (e.key === "Escape") {
        dropDownList.classList.add("hidden");
      } else if (e.key === "Tab") {
        trapElementFocus(dropDownList, e);
      }
    });

    // Helper function to update Alpine state
    function triggerAlpineUpdate() {
      const alpineDiv = container?.querySelector('[x-data]');
      if (alpineDiv && alpineDiv.__x) {
        alpineDiv.__x.$data.updateCount();
      }
    }

    // Listen for checkbox changes
    container?.addEventListener("change", (e) => {
      if (e.target.type === "checkbox") {
        triggerAlpineUpdate();
      }
    });

    

    document.querySelector("#select-content_type-_C75iv_wdh .pf-selected-options-count")?.addEventListener("mouseover", () => {
      const xElement = document.querySelector("#select-content_type-_C75iv_wdh .pf-clear-checked_filters-selector");
      const currentElement = document.querySelector("#select-content_type-_C75iv_wdh .pf-selected-options-count");
      if (xElement && currentElement) {
        xElement.style.display = "inline-block";
        currentElement.style.display = "none";
      }
    });

    document.querySelector("#select-content_type-_C75iv_wdh .pf-clear-checked_filters-selector")?.addEventListener("mouseout", () => {
      const xElement = document.querySelector("#select-content_type-_C75iv_wdh .pf-clear-checked_filters-selector");
      const currentElement = document.querySelector("#select-content_type-_C75iv_wdh .pf-selected-options-count");
      if (xElement && currentElement) {
        xElement.style.display = "none";
        currentElement.style.display = "inline-block";
      }
    });
  })();
</script>
<script>
  document.querySelector(".section-_C75iv_wdh .dropdown-search-content_type").addEventListener("input", () => {
    const search = document.querySelector(".section-_C75iv_wdh .dropdown-search-content_type").value.toLowerCase();
    let matches = 0;
    document.querySelectorAll(".section-_C75iv_wdh .pf-options-wrapper-content_type li").forEach((list) => {
      const text = list.textContent.toLowerCase();
      const match = text.indexOf(search) > -1;
      if (match || !search) {
        list.classList.remove("hidden");
        matches++;
      } else {
        list.classList.add("hidden");
      }
    });

    const visibleBoxOptions = document.querySelectorAll(".section-_C75iv_wdh .pf-resource-center-filters:not(.rc-mobile-filters-container) .pf-options-wrapper-content_type li:not(.hidden)");
    const visibleCount = visibleBoxOptions ? visibleBoxOptions.length : 0;

    const statusBox = document.querySelector(".section-_C75iv_wdh .pf-search-status-content_type");
    if (statusBox) {
      statusBox.textContent = ""; 
      setTimeout(() => {
        statusBox.textContent = `${visibleCount} option${visibleCount > 1 ? 's' : ''} available`;
      }, 10);
    }
  });
  
  
</script>
      
        
        
        
        
        
        



























<div id="select-industries-_C75iv_wdh" onchange="" class="filterTop select-industries select-container relative" role="combobox" aria-haspopup="listbox" aria-labelledby="resource-center-filter-label">
  <div class="dropdown-button md:inline" style="display: block;">
    
<div
  x-data="{ 
    expanded: false,
    selectionCount: 0,
    get hasSelections() {
      return this.selectionCount > 0;
    },
    updateCount() {
      const container = this.$el.closest('.select-container');
      this.selectionCount = container?.querySelectorAll('.pf-options-wrapper-industries input[type=checkbox]:checked').length || 0;
    }
  }"
  x-init="updateCount(); $nextTick(() => { 
    const container = $el.closest('.select-container');
    const observer = new MutationObserver(() => updateCount());
    observer.observe(container, { subtree: true, attributes: true, attributeFilter: ['checked'] });
  })"
  @click.outside="if (!$event.target.closest('.select-industries')) expanded = false"
  @keyup.escape="expanded = false"
  class="relative" 
>
  <button
    x-on:click="expanded = !expanded"
    x-bind:aria-expanded="expanded"
    aria-label="Industries"
    aria-haspopup="listbox"
    class="w-[100%] md:w-[260px]
      noselect customFilter
      bg-[#ffffff]
      text-[#323E48]
      px-5 py-3 border border-solid border-[#ccc]"
    :style="expanded ? 'border-bottom: none;' : 'border-bottom: 24px solid #ccc;'"
    :class="{
      'rounded-t-[22px] rounded-b-none': expanded,
      'rounded-[22px]': !expanded
    }"
  >
    <div class="flex justify-between items-center">
      <span class="dropdown-label whitespace-nowrap pf_font_preset_7">Industries</span>
      <div>
        <span
          x-show="hasSelections && !expanded"
          x-cloak
          class="pf-selected-options-count pf_font_preset_7 w-[24px] bg-[#323E48] text-[#ffffff] border-none rounded-[25px]"
          x-text="selectionCount"
        ></span>
        <span 
          x-show="hasSelections && !expanded"
          x-cloak
          @mouseover="$el.previousElementSibling.style.display='none'; $el.style.display='inline-block'"
          @mouseout="$el.previousElementSibling.style.display='inline-block'; $el.style.display='none'"
          class="pf-clear-checked_filters-selector pf_font_preset_7 w-[24px] bg-[#323E48] text-[#ffffff] border-none rounded-[25px] hidden"
        >X</span>
        <i :class="expanded ? 'fa-solid fa-chevron-up' : 'fa-solid fa-chevron-down'" class="mt-[3px]" aria-hidden="true"></i>
      </div>
    </div>
  </button>
</div>

     
  </div>
  <div
  x-show="expanded"
  @click.stop
    class="dropdown-list hidden absolute w-[260px] z-10 bg-white 
      left-[0%] top-[95%]
      sm:top-[95%]
      
      shadow-[#323E48]
      rounded-b-[22px] customFilter py-[10px]"
  >
    
  <!-- <div class="flex flex-nowrap items-center p-[5px]">
    <input
      type="search"
      placeholder="&#xf002; Search"
      style="font-family: Helvetica, FontAwesome, sans-serif;"
      class="dropdown-search-industries w-[100%] grow-[1] border-[#323E48] placeholder-[#323E48] rounded-[22px] pf_font_preset_7"
    />
  </div> -->

  
  <div role="alert" class="pf-search-status-industries visually-hidden"></div>

  
  <ul class="pf-options-wrapper-industries">
      <li class="pf-options pf-template py-[10px] px-5 border-b border-[#EFEFEF] last:border-b-0" style="display: none;">
        <input data-screen="desktop" id="" name="" type="checkbox" class="pf-checkbox text-[#ffffff] border-[#323E48]  cursor-pointer">
        <label for="" class="pf-label ml-sm text-[#323E48] pf_font_preset_7" style="font-weight:400;">None</label>
      </li>
  </ul>

  
  <!-- <div class="flex justify-end" style="border-top: 1px solid #ccc; width: 100%; padding: 0.75rem;">
    <button type="reset" data-type="industries" class="pf-clear-options pf-clear-options-industries flex items-center gap-2 cursor-pointer text-[#323E48] rounded-[22px] hover:brightness-90" aria-label="Clear All Filters">
      <i class="fa-solid fa-xmark" aria-hidden="true"></i>
      <span class="pf_font_preset_7">Clear all filters</span>
    </button>
  </div> -->

  

  </div>
</div>

<style>
.filterTop {
  display: none;
}

@media (min-width: 768px) {
  
    .filterTop {
      display: inline;
    }
  
}
</style>

<script>
  (function() {
    const container = document.querySelector("#select-industries-_C75iv_wdh");
    const dropDownButton = document.querySelector("#select-industries-_C75iv_wdh .dropdown-button");
    const dropDownList = document.querySelector("#select-industries-_C75iv_wdh .dropdown-list");
    
    dropDownButton?.addEventListener("click", () => {
      if (dropDownList.classList.contains("hidden")) {
        dropDownList.classList.remove("hidden");
      } else {
        dropDownList.classList.add("hidden");
      }
    });

    document.addEventListener("keydown", (e) => {
      if (e.key === "Escape") {
        dropDownList.classList.add("hidden");
      } else if (e.key === "Tab") {
        trapElementFocus(dropDownList, e);
      }
    });

    // Helper function to update Alpine state
    function triggerAlpineUpdate() {
      const alpineDiv = container?.querySelector('[x-data]');
      if (alpineDiv && alpineDiv.__x) {
        alpineDiv.__x.$data.updateCount();
      }
    }

    // Listen for checkbox changes
    container?.addEventListener("change", (e) => {
      if (e.target.type === "checkbox") {
        triggerAlpineUpdate();
      }
    });

    

    document.querySelector("#select-industries-_C75iv_wdh .pf-selected-options-count")?.addEventListener("mouseover", () => {
      const xElement = document.querySelector("#select-industries-_C75iv_wdh .pf-clear-checked_filters-selector");
      const currentElement = document.querySelector("#select-industries-_C75iv_wdh .pf-selected-options-count");
      if (xElement && currentElement) {
        xElement.style.display = "inline-block";
        currentElement.style.display = "none";
      }
    });

    document.querySelector("#select-industries-_C75iv_wdh .pf-clear-checked_filters-selector")?.addEventListener("mouseout", () => {
      const xElement = document.querySelector("#select-industries-_C75iv_wdh .pf-clear-checked_filters-selector");
      const currentElement = document.querySelector("#select-industries-_C75iv_wdh .pf-selected-options-count");
      if (xElement && currentElement) {
        xElement.style.display = "none";
        currentElement.style.display = "inline-block";
      }
    });
  })();
</script>
<script>
  document.querySelector(".section-_C75iv_wdh .dropdown-search-industries").addEventListener("input", () => {
    const search = document.querySelector(".section-_C75iv_wdh .dropdown-search-industries").value.toLowerCase();
    let matches = 0;
    document.querySelectorAll(".section-_C75iv_wdh .pf-options-wrapper-industries li").forEach((list) => {
      const text = list.textContent.toLowerCase();
      const match = text.indexOf(search) > -1;
      if (match || !search) {
        list.classList.remove("hidden");
        matches++;
      } else {
        list.classList.add("hidden");
      }
    });

    const visibleBoxOptions = document.querySelectorAll(".section-_C75iv_wdh .pf-resource-center-filters:not(.rc-mobile-filters-container) .pf-options-wrapper-industries li:not(.hidden)");
    const visibleCount = visibleBoxOptions ? visibleBoxOptions.length : 0;

    const statusBox = document.querySelector(".section-_C75iv_wdh .pf-search-status-industries");
    if (statusBox) {
      statusBox.textContent = ""; 
      setTimeout(() => {
        statusBox.textContent = `${visibleCount} option${visibleCount > 1 ? 's' : ''} available`;
      }, 10);
    }
  });
  
  
</script>
      
        
        
        
        
        
        



























<div id="select-areas_of_interest-_C75iv_wdh" onchange="" class="filterTop select-areas_of_interest select-container relative" role="combobox" aria-haspopup="listbox" aria-labelledby="resource-center-filter-label">
  <div class="dropdown-button md:inline" style="display: block;">
    
<div
  x-data="{ 
    expanded: false,
    selectionCount: 0,
    get hasSelections() {
      return this.selectionCount > 0;
    },
    updateCount() {
      const container = this.$el.closest('.select-container');
      this.selectionCount = container?.querySelectorAll('.pf-options-wrapper-areas_of_interest input[type=checkbox]:checked').length || 0;
    }
  }"
  x-init="updateCount(); $nextTick(() => { 
    const container = $el.closest('.select-container');
    const observer = new MutationObserver(() => updateCount());
    observer.observe(container, { subtree: true, attributes: true, attributeFilter: ['checked'] });
  })"
  @click.outside="if (!$event.target.closest('.select-areas_of_interest')) expanded = false"
  @keyup.escape="expanded = false"
  class="relative" 
>
  <button
    x-on:click="expanded = !expanded"
    x-bind:aria-expanded="expanded"
    aria-label="Areas of Interest"
    aria-haspopup="listbox"
    class="w-[100%] md:w-[260px]
      noselect customFilter
      bg-[#ffffff]
      text-[#323E48]
      px-5 py-3 border border-solid border-[#ccc]"
    :style="expanded ? 'border-bottom: none;' : 'border-bottom: 24px solid #ccc;'"
    :class="{
      'rounded-t-[22px] rounded-b-none': expanded,
      'rounded-[22px]': !expanded
    }"
  >
    <div class="flex justify-between items-center">
      <span class="dropdown-label whitespace-nowrap pf_font_preset_7">Areas of Interest</span>
      <div>
        <span
          x-show="hasSelections && !expanded"
          x-cloak
          class="pf-selected-options-count pf_font_preset_7 w-[24px] bg-[#323E48] text-[#ffffff] border-none rounded-[25px]"
          x-text="selectionCount"
        ></span>
        <span 
          x-show="hasSelections && !expanded"
          x-cloak
          @mouseover="$el.previousElementSibling.style.display='none'; $el.style.display='inline-block'"
          @mouseout="$el.previousElementSibling.style.display='inline-block'; $el.style.display='none'"
          class="pf-clear-checked_filters-selector pf_font_preset_7 w-[24px] bg-[#323E48] text-[#ffffff] border-none rounded-[25px] hidden"
        >X</span>
        <i :class="expanded ? 'fa-solid fa-chevron-up' : 'fa-solid fa-chevron-down'" class="mt-[3px]" aria-hidden="true"></i>
      </div>
    </div>
  </button>
</div>

     
  </div>
  <div
  x-show="expanded"
  @click.stop
    class="dropdown-list hidden absolute w-[260px] z-10 bg-white 
      left-[0%] top-[95%]
      sm:top-[95%]
      
      shadow-[#323E48]
      rounded-b-[22px] customFilter py-[10px]"
  >
    
  <!-- <div class="flex flex-nowrap items-center p-[5px]">
    <input
      type="search"
      placeholder="&#xf002; Search"
      style="font-family: Helvetica, FontAwesome, sans-serif;"
      class="dropdown-search-areas_of_interest w-[100%] grow-[1] border-[#323E48] placeholder-[#323E48] rounded-[22px] pf_font_preset_7"
    />
  </div> -->

  
  <div role="alert" class="pf-search-status-areas_of_interest visually-hidden"></div>

  
  <ul class="pf-options-wrapper-areas_of_interest">
      <li class="pf-options pf-template py-[10px] px-5 border-b border-[#EFEFEF] last:border-b-0" style="display: none;">
        <input data-screen="desktop" id="" name="" type="checkbox" class="pf-checkbox text-[#ffffff] border-[#323E48]  cursor-pointer">
        <label for="" class="pf-label ml-sm text-[#323E48] pf_font_preset_7" style="font-weight:400;">None</label>
      </li>
  </ul>

  
  <!-- <div class="flex justify-end" style="border-top: 1px solid #ccc; width: 100%; padding: 0.75rem;">
    <button type="reset" data-type="areas_of_interest" class="pf-clear-options pf-clear-options-areas_of_interest flex items-center gap-2 cursor-pointer text-[#323E48] rounded-[22px] hover:brightness-90" aria-label="Clear All Filters">
      <i class="fa-solid fa-xmark" aria-hidden="true"></i>
      <span class="pf_font_preset_7">Clear all filters</span>
    </button>
  </div> -->

  

  </div>
</div>

<style>
.filterTop {
  display: none;
}

@media (min-width: 768px) {
  
    .filterTop {
      display: inline;
    }
  
}
</style>

<script>
  (function() {
    const container = document.querySelector("#select-areas_of_interest-_C75iv_wdh");
    const dropDownButton = document.querySelector("#select-areas_of_interest-_C75iv_wdh .dropdown-button");
    const dropDownList = document.querySelector("#select-areas_of_interest-_C75iv_wdh .dropdown-list");
    
    dropDownButton?.addEventListener("click", () => {
      if (dropDownList.classList.contains("hidden")) {
        dropDownList.classList.remove("hidden");
      } else {
        dropDownList.classList.add("hidden");
      }
    });

    document.addEventListener("keydown", (e) => {
      if (e.key === "Escape") {
        dropDownList.classList.add("hidden");
      } else if (e.key === "Tab") {
        trapElementFocus(dropDownList, e);
      }
    });

    // Helper function to update Alpine state
    function triggerAlpineUpdate() {
      const alpineDiv = container?.querySelector('[x-data]');
      if (alpineDiv && alpineDiv.__x) {
        alpineDiv.__x.$data.updateCount();
      }
    }

    // Listen for checkbox changes
    container?.addEventListener("change", (e) => {
      if (e.target.type === "checkbox") {
        triggerAlpineUpdate();
      }
    });

    

    document.querySelector("#select-areas_of_interest-_C75iv_wdh .pf-selected-options-count")?.addEventListener("mouseover", () => {
      const xElement = document.querySelector("#select-areas_of_interest-_C75iv_wdh .pf-clear-checked_filters-selector");
      const currentElement = document.querySelector("#select-areas_of_interest-_C75iv_wdh .pf-selected-options-count");
      if (xElement && currentElement) {
        xElement.style.display = "inline-block";
        currentElement.style.display = "none";
      }
    });

    document.querySelector("#select-areas_of_interest-_C75iv_wdh .pf-clear-checked_filters-selector")?.addEventListener("mouseout", () => {
      const xElement = document.querySelector("#select-areas_of_interest-_C75iv_wdh .pf-clear-checked_filters-selector");
      const currentElement = document.querySelector("#select-areas_of_interest-_C75iv_wdh .pf-selected-options-count");
      if (xElement && currentElement) {
        xElement.style.display = "none";
        currentElement.style.display = "inline-block";
      }
    });
  })();
</script>
<script>
  document.querySelector(".section-_C75iv_wdh .dropdown-search-areas_of_interest").addEventListener("input", () => {
    const search = document.querySelector(".section-_C75iv_wdh .dropdown-search-areas_of_interest").value.toLowerCase();
    let matches = 0;
    document.querySelectorAll(".section-_C75iv_wdh .pf-options-wrapper-areas_of_interest li").forEach((list) => {
      const text = list.textContent.toLowerCase();
      const match = text.indexOf(search) > -1;
      if (match || !search) {
        list.classList.remove("hidden");
        matches++;
      } else {
        list.classList.add("hidden");
      }
    });

    const visibleBoxOptions = document.querySelectorAll(".section-_C75iv_wdh .pf-resource-center-filters:not(.rc-mobile-filters-container) .pf-options-wrapper-areas_of_interest li:not(.hidden)");
    const visibleCount = visibleBoxOptions ? visibleBoxOptions.length : 0;

    const statusBox = document.querySelector(".section-_C75iv_wdh .pf-search-status-areas_of_interest");
    if (statusBox) {
      statusBox.textContent = ""; 
      setTimeout(() => {
        statusBox.textContent = `${visibleCount} option${visibleCount > 1 ? 's' : ''} available`;
      }, 10);
    }
  });
  
  
</script>
      
    </div>
  
</div>


<style>
  @media (min-width: 768px) {
    .md\:block {
      display: block;
    }

    .md\:flex {
      display: flex;
    }
  }

</style>
<script>
  (() => {
    const searchBoxElement = document.querySelector(".section-_C75iv_wdh .search-_C75iv_wdh");
    const filterButton = document.querySelector(".section-_C75iv_wdh .rc-mobile-filter-selector");
    const bottomBar = document.querySelector("#rc-mobile-filter-_C75iv_wdh");
    const closeButton = document.querySelector('#rc-mobile-filter-_C75iv_wdh .fa-close');

    // disable initial tabbing for close button in bottom bar
    closeButton?.setAttribute("tabindex", "-1");

    

    // handle filter button click
    filterButton?.addEventListener("click", () => {
      filterButton.setAttribute("aria-expanded", "true");
      closeButton.setAttribute("tabindex", "0");
      document.querySelector('#rc-mobile-filter-_C75iv_wdh-title')?.click();
      bottomBar?.parentNode?.setAttribute("aria-hidden", "false");
    });

    // handle close button click that collapses bottom bar
    closeButton?.addEventListener("click", () => {
      filterButton.setAttribute("aria-expanded", "false");
      closeButton.setAttribute("tabindex", "-1");
      filterButton?.focus();
      bottomBar?.parentNode?.setAttribute("aria-hidden", "true");
    });
  })();
</script>
    <div class="mt-10 flex flex-col w-full items-center">
      <div role="status" aria-live="polite" class="pf-resource-center-cards-wrapper flex flex-wrap w-full ">
        














<style>
.CustomResourceCenter .thumbnail-blur-gradient {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
.CustomResourceCenter .pf-content-card-link:hover .thumbnail-blur-gradient {
    opacity: 1;
  }
.CustomResourceCenter .pf-content-card-link:hover .pf-content-card-cta-overlay {
    opacity: 1;
  }
.CustomResourceCenter .pf-content-card-cta-overlay {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }

</style>

<div
  data-uuid=""
  style="display: none;"
  class="pf-content-card relative px-[20px] mb-8 w-full sm:w-1/2 lg:w-1/3 template"
>
  <a
    class="pf-content-card-link block group mb-[10px] rounded-b-[20px]"  style="background: transparent linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%) 0% 0% no-repeat padding-box;"
    href=""
    
    
      data-lookbook-overlay-href=""
      data-lookbook-bg-click-close=true
      data-lookbook-close-background-color="#006068"
    
  >
    <div class="relative overflow-hidden flex flex-col-reverse shadow-[0px_3px_6px_#00000029]  rounded-[20px] border-solid border-1 border-[#FFFFFF] ">
      
      <div class="relative">
        <img
          class="pf-content-card-thumbnail object-cover w-full rounded-b-none aspect-[16/9]"
          src=""
          alt="Sample content thumbnail"
        >
        
        <!-- Gradient overlay - only visible on hover -->
        <div class="thumbnail-blur-gradient absolute inset-0 pointer-events-none" 
             style="background: transparent linear-gradient(180deg, #11182000 0%, #111820CC 100%) 0% 0% no-repeat padding-box;">
        </div>

        <!-- CTA Label Overlay - only visible on hover -->
        
          <div class="pf-content-card-cta-overlay flex absolute bottom-4 left-0 right-4 z-[1] pf_font_preset_7 text-[#ffffff] rounded-md pl-[26px] pt-[26px] pr-[35px] gap-0 group-hover:underline bg-[transparent] pointer-events-none">
            See more...
            <span class="flex-shrink-0">
              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="chevron-icon" fill="#fff" height="40px" width="40px" version="1.1" id="Layer_1" viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve">
                <path d="M267.1,200l-50.9-50.9c-3.1-3.1-3.1-8.2,0-11.3s8.2-3.1,11.3,0l56.6,56.6c3.1,3.1,3.1,8.2,0,11.3l-56.6,56.6  c-1.6,1.6-3.6,2.3-5.7,2.3s-4.1-0.8-5.7-2.3c-3.1-3.1-3.1-8.2,0-11.3L267.1,200z"></path>
              </svg>
            </span>
          </div>
        
      </div>

      <!-- Content Overlay -->
      <div 
        class="relative top-[calc(100%-100px)] min-h-[188px]  h-[100%] w-full z-[1] pl-[26px] pt-[26px] pr-[35px]"
        style="background: linear-gradient(180deg, #ffffff, #EFEFEF)"
      >
        <!-- content tags -->
        


















<div
  class="pf-content-tag-on-card-wrapper flex flex-col uppercase gap-[8px] z-[9999]"
  
>
  
    <span class="
  pf-content-tag-on-card 
  bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words 
 w-fit
" data-enabled-tags="content_type"></span>
  
  <span
    class="
  pf-pinned-content-tag bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words 
"
    
      style="display: none;"
    
  >
    Featured&nbsp;<i class="fa fa-star" aria-hidden="true"></i>
  </span>
  
    
      
        
      
    
    
      
    
  
</div>
<div
  onclick="event.preventDefault()"
  class="pf-content-tag-below-card-wrapper cursor-default flex flex-wrap gap-[8px]"
  
>
  <span class="
  pf-content-tag-below-card 
  bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words 

" data-enabled-tags="content_type"></span>
  
    
  
</div>
        
        <div class="pf_font_preset_5 text-[#323E48] h-auto pt-[13px] pb-[5px] flex items-center w-full">
          <span class="pf-content-card-title line-clamp-2"></span>
        </div>
        
        
      </div>
    </div>
    
    <div class="mb-[10px]"></div>
  </a>
</div>
        
        
          














<style>
.CustomResourceCenter .thumbnail-blur-gradient {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
.CustomResourceCenter .pf-content-card-link:hover .thumbnail-blur-gradient {
    opacity: 1;
  }
.CustomResourceCenter .pf-content-card-link:hover .pf-content-card-cta-overlay {
    opacity: 1;
  }
.CustomResourceCenter .pf-content-card-cta-overlay {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }

</style>

<div
  data-uuid="71e2f2b4-b267-40f8-975a-0788b5f3f6c8"
  
  class="pf-content-card relative px-[20px] mb-8 w-full sm:w-1/2 lg:w-1/3 "
>
  <a
    class="pf-content-card-link block group mb-[10px] rounded-b-[20px]"  style="background: transparent linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%) 0% 0% no-repeat padding-box;"
    href="https://www.netscout.com/resources/rc/col/main/omnis-cyberstream-and-omnis-cyber-intelligence?pflpid=74909&pfsid=_C75iv_wdh"
    
    
      data-lookbook-overlay-href="https://www.netscout.com/resources/rc/col/main/omnis-cyberstream-and-omnis-cyber-intelligence?pflpid=74909&pfsid=_C75iv_wdh"
      data-lookbook-bg-click-close=true
      data-lookbook-close-background-color="#006068"
    
  >
    <div class="relative overflow-hidden flex flex-col-reverse shadow-[0px_3px_6px_#00000029]  rounded-[20px] border-solid border-1 border-[#FFFFFF] ">
      
      <div class="relative">
        <img
          class="pf-content-card-thumbnail object-cover w-full rounded-b-none aspect-[16/9]"
          src="https://cdn.pathfactory.com/assets/11187/contents/1118642/thumbnails/600x/dec11fdb-ffe7-4c52-859d-7c01f66c34c7-1.png"
          alt="Sample content thumbnail"
        >
        
        <!-- Gradient overlay - only visible on hover -->
        <div class="thumbnail-blur-gradient absolute inset-0 pointer-events-none" 
             style="background: transparent linear-gradient(180deg, #11182000 0%, #111820CC 100%) 0% 0% no-repeat padding-box;">
        </div>

        <!-- CTA Label Overlay - only visible on hover -->
        
          <div class="pf-content-card-cta-overlay flex absolute bottom-4 left-0 right-4 z-[1] pf_font_preset_7 text-[#ffffff] rounded-md pl-[26px] pt-[26px] pr-[35px] gap-0 group-hover:underline bg-[transparent] pointer-events-none">
            See more...
            <span class="flex-shrink-0">
              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="chevron-icon" fill="#fff" height="40px" width="40px" version="1.1" id="Layer_1" viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve">
                <path d="M267.1,200l-50.9-50.9c-3.1-3.1-3.1-8.2,0-11.3s8.2-3.1,11.3,0l56.6,56.6c3.1,3.1,3.1,8.2,0,11.3l-56.6,56.6  c-1.6,1.6-3.6,2.3-5.7,2.3s-4.1-0.8-5.7-2.3c-3.1-3.1-3.1-8.2,0-11.3L267.1,200z"></path>
              </svg>
            </span>
          </div>
        
      </div>

      <!-- Content Overlay -->
      <div 
        class="relative top-[calc(100%-100px)] min-h-[188px]  h-[100%] w-full z-[1] pl-[26px] pt-[26px] pr-[35px]"
        style="background: linear-gradient(180deg, #ffffff, #EFEFEF)"
      >
        <!-- content tags -->
        


















<div
  class="pf-content-tag-on-card-wrapper flex flex-col uppercase gap-[8px] z-[9999]"
  
>
  
  <span
    class="
  pf-pinned-content-tag bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words 
"
    
      style="display: none;"
    
  >
    Featured&nbsp;<i class="fa fa-star" aria-hidden="true"></i>
  </span>
  
    
      
        
          <span class="
  pf-content-tag-on-card 
  bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words 
 w-fit
">
            Data Sheet
          </span>
        
      
    
    
      
    
  
</div>
<div
  onclick="event.preventDefault()"
  class="pf-content-tag-below-card-wrapper cursor-default flex flex-wrap gap-[8px]"
  
>
  
  
    
  
</div>
        
        <div class="pf_font_preset_5 text-[#323E48] h-auto pt-[13px] pb-[5px] flex items-center w-full">
          <span class="pf-content-card-title line-clamp-2">Omnis CyberStream and Omnis Cyber Intelligence</span>
        </div>
        
        
      </div>
    </div>
    
    <div class="mb-[10px]"></div>
  </a>
</div>
        
          














<style>
.CustomResourceCenter .thumbnail-blur-gradient {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
.CustomResourceCenter .pf-content-card-link:hover .thumbnail-blur-gradient {
    opacity: 1;
  }
.CustomResourceCenter .pf-content-card-link:hover .pf-content-card-cta-overlay {
    opacity: 1;
  }
.CustomResourceCenter .pf-content-card-cta-overlay {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }

</style>

<div
  data-uuid="7639bb22-4edf-4392-b31b-c670f9ffcd20"
  
  class="pf-content-card relative px-[20px] mb-8 w-full sm:w-1/2 lg:w-1/3 "
>
  <a
    class="pf-content-card-link block group mb-[10px] rounded-b-[20px]"  style="background: transparent linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%) 0% 0% no-repeat padding-box;"
    href="https://www.netscout.com/resources/rc/col/main/public-school-district-increases-visibility-with-omnis-cyber-intelligence?pflpid=74909&pfsid=_C75iv_wdh"
    
    
      data-lookbook-overlay-href="https://www.netscout.com/resources/rc/col/main/public-school-district-increases-visibility-with-omnis-cyber-intelligence?pflpid=74909&pfsid=_C75iv_wdh"
      data-lookbook-bg-click-close=true
      data-lookbook-close-background-color="#006068"
    
  >
    <div class="relative overflow-hidden flex flex-col-reverse shadow-[0px_3px_6px_#00000029]  rounded-[20px] border-solid border-1 border-[#FFFFFF] ">
      
      <div class="relative">
        <img
          class="pf-content-card-thumbnail object-cover w-full rounded-b-none aspect-[16/9]"
          src="https://cdn.pathfactory.com/assets/11187/contents/1118935/thumbnails/600x/aHViPTExOTY4OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82MmU0NDRhZDg5Y2YwLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPWZhNjEyY2NkOWNlMWUxYjcyMThlMzRkOGYzODE3MzA5"
          alt="Sample content thumbnail"
        >
        
        <!-- Gradient overlay - only visible on hover -->
        <div class="thumbnail-blur-gradient absolute inset-0 pointer-events-none" 
             style="background: transparent linear-gradient(180deg, #11182000 0%, #111820CC 100%) 0% 0% no-repeat padding-box;">
        </div>

        <!-- CTA Label Overlay - only visible on hover -->
        
          <div class="pf-content-card-cta-overlay flex absolute bottom-4 left-0 right-4 z-[1] pf_font_preset_7 text-[#ffffff] rounded-md pl-[26px] pt-[26px] pr-[35px] gap-0 group-hover:underline bg-[transparent] pointer-events-none">
            See more...
            <span class="flex-shrink-0">
              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="chevron-icon" fill="#fff" height="40px" width="40px" version="1.1" id="Layer_1" viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve">
                <path d="M267.1,200l-50.9-50.9c-3.1-3.1-3.1-8.2,0-11.3s8.2-3.1,11.3,0l56.6,56.6c3.1,3.1,3.1,8.2,0,11.3l-56.6,56.6  c-1.6,1.6-3.6,2.3-5.7,2.3s-4.1-0.8-5.7-2.3c-3.1-3.1-3.1-8.2,0-11.3L267.1,200z"></path>
              </svg>
            </span>
          </div>
        
      </div>

      <!-- Content Overlay -->
      <div 
        class="relative top-[calc(100%-100px)] min-h-[188px]  h-[100%] w-full z-[1] pl-[26px] pt-[26px] pr-[35px]"
        style="background: linear-gradient(180deg, #ffffff, #EFEFEF)"
      >
        <!-- content tags -->
        


















<div
  class="pf-content-tag-on-card-wrapper flex flex-col uppercase gap-[8px] z-[9999]"
  
>
  
  <span
    class="
  pf-pinned-content-tag bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words 
"
    
      style="display: none;"
    
  >
    Featured&nbsp;<i class="fa fa-star" aria-hidden="true"></i>
  </span>
  
    
      
        
          <span class="
  pf-content-tag-on-card 
  bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words 
 w-fit
">
            Case Study
          </span>
        
      
    
    
      
    
  
</div>
<div
  onclick="event.preventDefault()"
  class="pf-content-tag-below-card-wrapper cursor-default flex flex-wrap gap-[8px]"
  
>
  
  
    
  
</div>
        
        <div class="pf_font_preset_5 text-[#323E48] h-auto pt-[13px] pb-[5px] flex items-center w-full">
          <span class="pf-content-card-title line-clamp-2">Public School District Increases Visibility with Omnis Cyber Intelligence</span>
        </div>
        
        
      </div>
    </div>
    
    <div class="mb-[10px]"></div>
  </a>
</div>
        
          














<style>
.CustomResourceCenter .thumbnail-blur-gradient {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
.CustomResourceCenter .pf-content-card-link:hover .thumbnail-blur-gradient {
    opacity: 1;
  }
.CustomResourceCenter .pf-content-card-link:hover .pf-content-card-cta-overlay {
    opacity: 1;
  }
.CustomResourceCenter .pf-content-card-cta-overlay {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }

</style>

<div
  data-uuid="2bd15691-31ad-4fee-ada5-70e7802cf29e"
  
  class="pf-content-card relative px-[20px] mb-8 w-full sm:w-1/2 lg:w-1/3 "
>
  <a
    class="pf-content-card-link block group mb-[10px] rounded-b-[20px]"  style="background: transparent linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%) 0% 0% no-repeat padding-box;"
    href="https://www.netscout.com/resources/rc/col/main/local-visibility-and-validation-with-arbor-edge-defense?pflpid=74909&pfsid=_C75iv_wdh"
    
    
      data-lookbook-overlay-href="https://www.netscout.com/resources/rc/col/main/local-visibility-and-validation-with-arbor-edge-defense?pflpid=74909&pfsid=_C75iv_wdh"
      data-lookbook-bg-click-close=true
      data-lookbook-close-background-color="#006068"
    
  >
    <div class="relative overflow-hidden flex flex-col-reverse shadow-[0px_3px_6px_#00000029]  rounded-[20px] border-solid border-1 border-[#FFFFFF] ">
      
      <div class="relative">
        <img
          class="pf-content-card-thumbnail object-cover w-full rounded-b-none aspect-[16/9]"
          src="https://cdn.pathfactory.com/assets/11187/contents/1436392/thumbnails/600x/64baf77a-f8d2-4592-9b89-d3d0fc6312e9.jpg"
          alt="Sample content thumbnail"
        >
        
        <!-- Gradient overlay - only visible on hover -->
        <div class="thumbnail-blur-gradient absolute inset-0 pointer-events-none" 
             style="background: transparent linear-gradient(180deg, #11182000 0%, #111820CC 100%) 0% 0% no-repeat padding-box;">
        </div>

        <!-- CTA Label Overlay - only visible on hover -->
        
          <div class="pf-content-card-cta-overlay flex absolute bottom-4 left-0 right-4 z-[1] pf_font_preset_7 text-[#ffffff] rounded-md pl-[26px] pt-[26px] pr-[35px] gap-0 group-hover:underline bg-[transparent] pointer-events-none">
            See more...
            <span class="flex-shrink-0">
              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="chevron-icon" fill="#fff" height="40px" width="40px" version="1.1" id="Layer_1" viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve">
                <path d="M267.1,200l-50.9-50.9c-3.1-3.1-3.1-8.2,0-11.3s8.2-3.1,11.3,0l56.6,56.6c3.1,3.1,3.1,8.2,0,11.3l-56.6,56.6  c-1.6,1.6-3.6,2.3-5.7,2.3s-4.1-0.8-5.7-2.3c-3.1-3.1-3.1-8.2,0-11.3L267.1,200z"></path>
              </svg>
            </span>
          </div>
        
      </div>

      <!-- Content Overlay -->
      <div 
        class="relative top-[calc(100%-100px)] min-h-[188px]  h-[100%] w-full z-[1] pl-[26px] pt-[26px] pr-[35px]"
        style="background: linear-gradient(180deg, #ffffff, #EFEFEF)"
      >
        <!-- content tags -->
        


















<div
  class="pf-content-tag-on-card-wrapper flex flex-col uppercase gap-[8px] z-[9999]"
  
>
  
  <span
    class="
  pf-pinned-content-tag bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words 
"
    
      style="display: none;"
    
  >
    Featured&nbsp;<i class="fa fa-star" aria-hidden="true"></i>
  </span>
  
    
      
        
          <span class="
  pf-content-tag-on-card 
  bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words 
 w-fit
">
            Solution Brief
          </span>
        
      
    
    
      
    
  
</div>
<div
  onclick="event.preventDefault()"
  class="pf-content-tag-below-card-wrapper cursor-default flex flex-wrap gap-[8px]"
  
>
  
  
    
  
</div>
        
        <div class="pf_font_preset_5 text-[#323E48] h-auto pt-[13px] pb-[5px] flex items-center w-full">
          <span class="pf-content-card-title line-clamp-2">Arbor Enterprise Manager (AEM) - Local Attack Visibility &amp; Central DDoS Protection Management</span>
        </div>
        
        
      </div>
    </div>
    
    <div class="mb-[10px]"></div>
  </a>
</div>
        
          














<style>
.CustomResourceCenter .thumbnail-blur-gradient {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
.CustomResourceCenter .pf-content-card-link:hover .thumbnail-blur-gradient {
    opacity: 1;
  }
.CustomResourceCenter .pf-content-card-link:hover .pf-content-card-cta-overlay {
    opacity: 1;
  }
.CustomResourceCenter .pf-content-card-cta-overlay {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }

</style>

<div
  data-uuid="686af3c7-6650-43e6-9058-d5d32c2eba29"
  
  class="pf-content-card relative px-[20px] mb-8 w-full sm:w-1/2 lg:w-1/3 "
>
  <a
    class="pf-content-card-link block group mb-[10px] rounded-b-[20px]"  style="background: transparent linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%) 0% 0% no-repeat padding-box;"
    href="https://www.netscout.com/resources/rc/col/main/why-comprehensive-network-visibility-is-foundational-for-effective-threat-detection-and-response?pflpid=74909&pfsid=_C75iv_wdh"
    
    
      data-lookbook-overlay-href="https://www.netscout.com/resources/rc/col/main/why-comprehensive-network-visibility-is-foundational-for-effective-threat-detection-and-response?pflpid=74909&pfsid=_C75iv_wdh"
      data-lookbook-bg-click-close=true
      data-lookbook-close-background-color="#006068"
    
  >
    <div class="relative overflow-hidden flex flex-col-reverse shadow-[0px_3px_6px_#00000029]  rounded-[20px] border-solid border-1 border-[#FFFFFF] ">
      
      <div class="relative">
        <img
          class="pf-content-card-thumbnail object-cover w-full rounded-b-none aspect-[16/9]"
          src="https://cdn.pathfactory.com/assets/11187/contents/1434710/thumbnails/600x/9cbf44de-7bba-4405-80fa-19d177d72fe7.jpg"
          alt="Sample content thumbnail"
        >
        
        <!-- Gradient overlay - only visible on hover -->
        <div class="thumbnail-blur-gradient absolute inset-0 pointer-events-none" 
             style="background: transparent linear-gradient(180deg, #11182000 0%, #111820CC 100%) 0% 0% no-repeat padding-box;">
        </div>

        <!-- CTA Label Overlay - only visible on hover -->
        
          <div class="pf-content-card-cta-overlay flex absolute bottom-4 left-0 right-4 z-[1] pf_font_preset_7 text-[#ffffff] rounded-md pl-[26px] pt-[26px] pr-[35px] gap-0 group-hover:underline bg-[transparent] pointer-events-none">
            See more...
            <span class="flex-shrink-0">
              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="chevron-icon" fill="#fff" height="40px" width="40px" version="1.1" id="Layer_1" viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve">
                <path d="M267.1,200l-50.9-50.9c-3.1-3.1-3.1-8.2,0-11.3s8.2-3.1,11.3,0l56.6,56.6c3.1,3.1,3.1,8.2,0,11.3l-56.6,56.6  c-1.6,1.6-3.6,2.3-5.7,2.3s-4.1-0.8-5.7-2.3c-3.1-3.1-3.1-8.2,0-11.3L267.1,200z"></path>
              </svg>
            </span>
          </div>
        
      </div>

      <!-- Content Overlay -->
      <div 
        class="relative top-[calc(100%-100px)] min-h-[188px]  h-[100%] w-full z-[1] pl-[26px] pt-[26px] pr-[35px]"
        style="background: linear-gradient(180deg, #ffffff, #EFEFEF)"
      >
        <!-- content tags -->
        


















<div
  class="pf-content-tag-on-card-wrapper flex flex-col uppercase gap-[8px] z-[9999]"
  
>
  
  <span
    class="
  pf-pinned-content-tag bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words 
"
    
      style="display: none;"
    
  >
    Featured&nbsp;<i class="fa fa-star" aria-hidden="true"></i>
  </span>
  
    
      
        
          <span class="
  pf-content-tag-on-card 
  bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words 
 w-fit
">
            White Paper
          </span>
        
      
    
    
      
    
  
</div>
<div
  onclick="event.preventDefault()"
  class="pf-content-tag-below-card-wrapper cursor-default flex flex-wrap gap-[8px]"
  
>
  
  
    
  
</div>
        
        <div class="pf_font_preset_5 text-[#323E48] h-auto pt-[13px] pb-[5px] flex items-center w-full">
          <span class="pf-content-card-title line-clamp-2">Why Comprehensive Network Visibility is Foundational for Effective Threat Detection and Response</span>
        </div>
        
        
      </div>
    </div>
    
    <div class="mb-[10px]"></div>
  </a>
</div>
        
          














<style>
.CustomResourceCenter .thumbnail-blur-gradient {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
.CustomResourceCenter .pf-content-card-link:hover .thumbnail-blur-gradient {
    opacity: 1;
  }
.CustomResourceCenter .pf-content-card-link:hover .pf-content-card-cta-overlay {
    opacity: 1;
  }
.CustomResourceCenter .pf-content-card-cta-overlay {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }

</style>

<div
  data-uuid="3d5660c9-8254-4edb-ae71-f5e7bcd10517"
  
  class="pf-content-card relative px-[20px] mb-8 w-full sm:w-1/2 lg:w-1/3 "
>
  <a
    class="pf-content-card-link block group mb-[10px] rounded-b-[20px]"  style="background: transparent linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%) 0% 0% no-repeat padding-box;"
    href="https://www.netscout.com/resources/rc/col/main/netscout-s-omnis-cyber-intelligence-and-arbor-edge-defense-aed?pflpid=74909&pfsid=_C75iv_wdh"
    
    
      data-lookbook-overlay-href="https://www.netscout.com/resources/rc/col/main/netscout-s-omnis-cyber-intelligence-and-arbor-edge-defense-aed?pflpid=74909&pfsid=_C75iv_wdh"
      data-lookbook-bg-click-close=true
      data-lookbook-close-background-color="#006068"
    
  >
    <div class="relative overflow-hidden flex flex-col-reverse shadow-[0px_3px_6px_#00000029]  rounded-[20px] border-solid border-1 border-[#FFFFFF] ">
      
      <div class="relative">
        <img
          class="pf-content-card-thumbnail object-cover w-full rounded-b-none aspect-[16/9]"
          src="https://cdn.pathfactory.com/assets/11187/contents/1434424/thumbnails/600x/239698df-1271-4c0d-9cf9-2cefca49e134.png"
          alt="Sample content thumbnail"
        >
        
        <!-- Gradient overlay - only visible on hover -->
        <div class="thumbnail-blur-gradient absolute inset-0 pointer-events-none" 
             style="background: transparent linear-gradient(180deg, #11182000 0%, #111820CC 100%) 0% 0% no-repeat padding-box;">
        </div>

        <!-- CTA Label Overlay - only visible on hover -->
        
          <div class="pf-content-card-cta-overlay flex absolute bottom-4 left-0 right-4 z-[1] pf_font_preset_7 text-[#ffffff] rounded-md pl-[26px] pt-[26px] pr-[35px] gap-0 group-hover:underline bg-[transparent] pointer-events-none">
            See more...
            <span class="flex-shrink-0">
              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="chevron-icon" fill="#fff" height="40px" width="40px" version="1.1" id="Layer_1" viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve">
                <path d="M267.1,200l-50.9-50.9c-3.1-3.1-3.1-8.2,0-11.3s8.2-3.1,11.3,0l56.6,56.6c3.1,3.1,3.1,8.2,0,11.3l-56.6,56.6  c-1.6,1.6-3.6,2.3-5.7,2.3s-4.1-0.8-5.7-2.3c-3.1-3.1-3.1-8.2,0-11.3L267.1,200z"></path>
              </svg>
            </span>
          </div>
        
      </div>

      <!-- Content Overlay -->
      <div 
        class="relative top-[calc(100%-100px)] min-h-[188px]  h-[100%] w-full z-[1] pl-[26px] pt-[26px] pr-[35px]"
        style="background: linear-gradient(180deg, #ffffff, #EFEFEF)"
      >
        <!-- content tags -->
        


















<div
  class="pf-content-tag-on-card-wrapper flex flex-col uppercase gap-[8px] z-[9999]"
  
>
  
  <span
    class="
  pf-pinned-content-tag bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words 
"
    
      style="display: none;"
    
  >
    Featured&nbsp;<i class="fa fa-star" aria-hidden="true"></i>
  </span>
  
    
      
        
          <span class="
  pf-content-tag-on-card 
  bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words 
 w-fit
">
            Solution Brief
          </span>
        
      
    
    
      
    
  
</div>
<div
  onclick="event.preventDefault()"
  class="pf-content-tag-below-card-wrapper cursor-default flex flex-wrap gap-[8px]"
  
>
  
  
    
  
</div>
        
        <div class="pf_font_preset_5 text-[#323E48] h-auto pt-[13px] pb-[5px] flex items-center w-full">
          <span class="pf-content-card-title line-clamp-2">NETSCOUT’s Omnis Cyber Intelligence and Arbor Edge Defense (AED)</span>
        </div>
        
        
      </div>
    </div>
    
    <div class="mb-[10px]"></div>
  </a>
</div>
        
          














<style>
.CustomResourceCenter .thumbnail-blur-gradient {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
.CustomResourceCenter .pf-content-card-link:hover .thumbnail-blur-gradient {
    opacity: 1;
  }
.CustomResourceCenter .pf-content-card-link:hover .pf-content-card-cta-overlay {
    opacity: 1;
  }
.CustomResourceCenter .pf-content-card-cta-overlay {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }

</style>

<div
  data-uuid="9db146ee-836e-41d9-8930-b4018a817b43"
  
  class="pf-content-card relative px-[20px] mb-8 w-full sm:w-1/2 lg:w-1/3 "
>
  <a
    class="pf-content-card-link block group mb-[10px] rounded-b-[20px]"  style="background: transparent linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%) 0% 0% no-repeat padding-box;"
    href="https://www.netscout.com/resources/rc/col/main/arelion-employs-netscout-arbor-ddos-protection-products?pflpid=74909&pfsid=_C75iv_wdh"
    
    
      data-lookbook-overlay-href="https://www.netscout.com/resources/rc/col/main/arelion-employs-netscout-arbor-ddos-protection-products?pflpid=74909&pfsid=_C75iv_wdh"
      data-lookbook-bg-click-close=true
      data-lookbook-close-background-color="#006068"
    
  >
    <div class="relative overflow-hidden flex flex-col-reverse shadow-[0px_3px_6px_#00000029]  rounded-[20px] border-solid border-1 border-[#FFFFFF] ">
      
      <div class="relative">
        <img
          class="pf-content-card-thumbnail object-cover w-full rounded-b-none aspect-[16/9]"
          src="https://cdn.pathfactory.com/assets/11187/contents/1429804/thumbnails/600x/72ea1e0d-8976-428f-adcb-9dda556d4507.jpg"
          alt="Sample content thumbnail"
        >
        
        <!-- Gradient overlay - only visible on hover -->
        <div class="thumbnail-blur-gradient absolute inset-0 pointer-events-none" 
             style="background: transparent linear-gradient(180deg, #11182000 0%, #111820CC 100%) 0% 0% no-repeat padding-box;">
        </div>

        <!-- CTA Label Overlay - only visible on hover -->
        
          <div class="pf-content-card-cta-overlay flex absolute bottom-4 left-0 right-4 z-[1] pf_font_preset_7 text-[#ffffff] rounded-md pl-[26px] pt-[26px] pr-[35px] gap-0 group-hover:underline bg-[transparent] pointer-events-none">
            See more...
            <span class="flex-shrink-0">
              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="chevron-icon" fill="#fff" height="40px" width="40px" version="1.1" id="Layer_1" viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve">
                <path d="M267.1,200l-50.9-50.9c-3.1-3.1-3.1-8.2,0-11.3s8.2-3.1,11.3,0l56.6,56.6c3.1,3.1,3.1,8.2,0,11.3l-56.6,56.6  c-1.6,1.6-3.6,2.3-5.7,2.3s-4.1-0.8-5.7-2.3c-3.1-3.1-3.1-8.2,0-11.3L267.1,200z"></path>
              </svg>
            </span>
          </div>
        
      </div>

      <!-- Content Overlay -->
      <div 
        class="relative top-[calc(100%-100px)] min-h-[188px]  h-[100%] w-full z-[1] pl-[26px] pt-[26px] pr-[35px]"
        style="background: linear-gradient(180deg, #ffffff, #EFEFEF)"
      >
        <!-- content tags -->
        


















<div
  class="pf-content-tag-on-card-wrapper flex flex-col uppercase gap-[8px] z-[9999]"
  
>
  
  <span
    class="
  pf-pinned-content-tag bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words 
"
    
      style="display: none;"
    
  >
    Featured&nbsp;<i class="fa fa-star" aria-hidden="true"></i>
  </span>
  
    
      
        
          <span class="
  pf-content-tag-on-card 
  bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words 
 w-fit
">
            Case Study
          </span>
        
      
    
    
      
    
  
</div>
<div
  onclick="event.preventDefault()"
  class="pf-content-tag-below-card-wrapper cursor-default flex flex-wrap gap-[8px]"
  
>
  
  
    
  
</div>
        
        <div class="pf_font_preset_5 text-[#323E48] h-auto pt-[13px] pb-[5px] flex items-center w-full">
          <span class="pf-content-card-title line-clamp-2">Arelion Employs NETSCOUT Arbor DDoS Protection Products</span>
        </div>
        
        
      </div>
    </div>
    
    <div class="mb-[10px]"></div>
  </a>
</div>
        
          














<style>
.CustomResourceCenter .thumbnail-blur-gradient {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
.CustomResourceCenter .pf-content-card-link:hover .thumbnail-blur-gradient {
    opacity: 1;
  }
.CustomResourceCenter .pf-content-card-link:hover .pf-content-card-cta-overlay {
    opacity: 1;
  }
.CustomResourceCenter .pf-content-card-cta-overlay {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }

</style>

<div
  data-uuid="4feeec76-ccb8-443d-ba41-87fdc4962eba"
  
  class="pf-content-card relative px-[20px] mb-8 w-full sm:w-1/2 lg:w-1/3 "
>
  <a
    class="pf-content-card-link block group mb-[10px] rounded-b-[20px]"  style="background: transparent linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%) 0% 0% no-repeat padding-box;"
    href="https://www.netscout.com/resources/rc/col/main/omnis-cyber-intelligence-and-palo-alto-networks-panorama?pflpid=74909&pfsid=_C75iv_wdh"
    
    
      data-lookbook-overlay-href="https://www.netscout.com/resources/rc/col/main/omnis-cyber-intelligence-and-palo-alto-networks-panorama?pflpid=74909&pfsid=_C75iv_wdh"
      data-lookbook-bg-click-close=true
      data-lookbook-close-background-color="#006068"
    
  >
    <div class="relative overflow-hidden flex flex-col-reverse shadow-[0px_3px_6px_#00000029]  rounded-[20px] border-solid border-1 border-[#FFFFFF] ">
      
      <div class="relative">
        <img
          class="pf-content-card-thumbnail object-cover w-full rounded-b-none aspect-[16/9]"
          src="https://cdn.pathfactory.com/assets/11187/contents/1434425/thumbnails/600x/88fa9049-94a1-402f-9add-ebe6ef436088.png"
          alt="Sample content thumbnail"
        >
        
        <!-- Gradient overlay - only visible on hover -->
        <div class="thumbnail-blur-gradient absolute inset-0 pointer-events-none" 
             style="background: transparent linear-gradient(180deg, #11182000 0%, #111820CC 100%) 0% 0% no-repeat padding-box;">
        </div>

        <!-- CTA Label Overlay - only visible on hover -->
        
          <div class="pf-content-card-cta-overlay flex absolute bottom-4 left-0 right-4 z-[1] pf_font_preset_7 text-[#ffffff] rounded-md pl-[26px] pt-[26px] pr-[35px] gap-0 group-hover:underline bg-[transparent] pointer-events-none">
            See more...
            <span class="flex-shrink-0">
              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="chevron-icon" fill="#fff" height="40px" width="40px" version="1.1" id="Layer_1" viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve">
                <path d="M267.1,200l-50.9-50.9c-3.1-3.1-3.1-8.2,0-11.3s8.2-3.1,11.3,0l56.6,56.6c3.1,3.1,3.1,8.2,0,11.3l-56.6,56.6  c-1.6,1.6-3.6,2.3-5.7,2.3s-4.1-0.8-5.7-2.3c-3.1-3.1-3.1-8.2,0-11.3L267.1,200z"></path>
              </svg>
            </span>
          </div>
        
      </div>

      <!-- Content Overlay -->
      <div 
        class="relative top-[calc(100%-100px)] min-h-[188px]  h-[100%] w-full z-[1] pl-[26px] pt-[26px] pr-[35px]"
        style="background: linear-gradient(180deg, #ffffff, #EFEFEF)"
      >
        <!-- content tags -->
        


















<div
  class="pf-content-tag-on-card-wrapper flex flex-col uppercase gap-[8px] z-[9999]"
  
>
  
  <span
    class="
  pf-pinned-content-tag bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words 
"
    
      style="display: none;"
    
  >
    Featured&nbsp;<i class="fa fa-star" aria-hidden="true"></i>
  </span>
  
    
      
        
          <span class="
  pf-content-tag-on-card 
  bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words 
 w-fit
">
            Solution Brief
          </span>
        
      
    
    
      
    
  
</div>
<div
  onclick="event.preventDefault()"
  class="pf-content-tag-below-card-wrapper cursor-default flex flex-wrap gap-[8px]"
  
>
  
  
    
  
</div>
        
        <div class="pf_font_preset_5 text-[#323E48] h-auto pt-[13px] pb-[5px] flex items-center w-full">
          <span class="pf-content-card-title line-clamp-2">Omnis Cyber Intelligence and Palo Alto Networks Panorama</span>
        </div>
        
        
      </div>
    </div>
    
    <div class="mb-[10px]"></div>
  </a>
</div>
        
          














<style>
.CustomResourceCenter .thumbnail-blur-gradient {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
.CustomResourceCenter .pf-content-card-link:hover .thumbnail-blur-gradient {
    opacity: 1;
  }
.CustomResourceCenter .pf-content-card-link:hover .pf-content-card-cta-overlay {
    opacity: 1;
  }
.CustomResourceCenter .pf-content-card-cta-overlay {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }

</style>

<div
  data-uuid="2f6b310d-7351-40e3-a35c-7c89d34690c2"
  
  class="pf-content-card relative px-[20px] mb-8 w-full sm:w-1/2 lg:w-1/3 "
>
  <a
    class="pf-content-card-link block group mb-[10px] rounded-b-[20px]"  style="background: transparent linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%) 0% 0% no-repeat padding-box;"
    href="https://www.netscout.com/resources/rc/col/main/adaptive-ddos-protection-is-the-only-methodology-that-can-defeat-dynamic-multi-vector-ddos-attacks?pflpid=74909&pfsid=_C75iv_wdh"
    
    
      data-lookbook-overlay-href="https://www.netscout.com/resources/rc/col/main/adaptive-ddos-protection-is-the-only-methodology-that-can-defeat-dynamic-multi-vector-ddos-attacks?pflpid=74909&pfsid=_C75iv_wdh"
      data-lookbook-bg-click-close=true
      data-lookbook-close-background-color="#006068"
    
  >
    <div class="relative overflow-hidden flex flex-col-reverse shadow-[0px_3px_6px_#00000029]  rounded-[20px] border-solid border-1 border-[#FFFFFF] ">
      
      <div class="relative">
        <img
          class="pf-content-card-thumbnail object-cover w-full rounded-b-none aspect-[16/9]"
          src="https://cdn.pathfactory.com/assets/11187/contents/1436397/thumbnails/600x/67dfff1b-11ee-42ee-be98-619abd9f7e04.jpg"
          alt="Sample content thumbnail"
        >
        
        <!-- Gradient overlay - only visible on hover -->
        <div class="thumbnail-blur-gradient absolute inset-0 pointer-events-none" 
             style="background: transparent linear-gradient(180deg, #11182000 0%, #111820CC 100%) 0% 0% no-repeat padding-box;">
        </div>

        <!-- CTA Label Overlay - only visible on hover -->
        
          <div class="pf-content-card-cta-overlay flex absolute bottom-4 left-0 right-4 z-[1] pf_font_preset_7 text-[#ffffff] rounded-md pl-[26px] pt-[26px] pr-[35px] gap-0 group-hover:underline bg-[transparent] pointer-events-none">
            See more...
            <span class="flex-shrink-0">
              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="chevron-icon" fill="#fff" height="40px" width="40px" version="1.1" id="Layer_1" viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve">
                <path d="M267.1,200l-50.9-50.9c-3.1-3.1-3.1-8.2,0-11.3s8.2-3.1,11.3,0l56.6,56.6c3.1,3.1,3.1,8.2,0,11.3l-56.6,56.6  c-1.6,1.6-3.6,2.3-5.7,2.3s-4.1-0.8-5.7-2.3c-3.1-3.1-3.1-8.2,0-11.3L267.1,200z"></path>
              </svg>
            </span>
          </div>
        
      </div>

      <!-- Content Overlay -->
      <div 
        class="relative top-[calc(100%-100px)] min-h-[188px]  h-[100%] w-full z-[1] pl-[26px] pt-[26px] pr-[35px]"
        style="background: linear-gradient(180deg, #ffffff, #EFEFEF)"
      >
        <!-- content tags -->
        


















<div
  class="pf-content-tag-on-card-wrapper flex flex-col uppercase gap-[8px] z-[9999]"
  
>
  
  <span
    class="
  pf-pinned-content-tag bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words 
"
    
      style="display: none;"
    
  >
    Featured&nbsp;<i class="fa fa-star" aria-hidden="true"></i>
  </span>
  
    
      
        
          <span class="
  pf-content-tag-on-card 
  bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words 
 w-fit
">
            Solution Brief
          </span>
        
      
    
    
      
    
  
</div>
<div
  onclick="event.preventDefault()"
  class="pf-content-tag-below-card-wrapper cursor-default flex flex-wrap gap-[8px]"
  
>
  
  
    
  
</div>
        
        <div class="pf_font_preset_5 text-[#323E48] h-auto pt-[13px] pb-[5px] flex items-center w-full">
          <span class="pf-content-card-title line-clamp-2">Adaptive DDoS Protection in Arbor Edge Defense is the Only Methodology That Can Defeat Dynamic Multi‑Vector DDoS Attacks</span>
        </div>
        
        
      </div>
    </div>
    
    <div class="mb-[10px]"></div>
  </a>
</div>
        
          














<style>
.CustomResourceCenter .thumbnail-blur-gradient {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
.CustomResourceCenter .pf-content-card-link:hover .thumbnail-blur-gradient {
    opacity: 1;
  }
.CustomResourceCenter .pf-content-card-link:hover .pf-content-card-cta-overlay {
    opacity: 1;
  }
.CustomResourceCenter .pf-content-card-cta-overlay {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }

</style>

<div
  data-uuid="de7c7a0b-88ff-4e4b-83c4-90f79a86347d"
  
  class="pf-content-card relative px-[20px] mb-8 w-full sm:w-1/2 lg:w-1/3 "
>
  <a
    class="pf-content-card-link block group mb-[10px] rounded-b-[20px]"  style="background: transparent linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%) 0% 0% no-repeat padding-box;"
    href="https://www.netscout.com/resources/rc/col/main/cisco-systems-xdr-and-netscout?pflpid=74909&pfsid=_C75iv_wdh"
    
    
      data-lookbook-overlay-href="https://www.netscout.com/resources/rc/col/main/cisco-systems-xdr-and-netscout?pflpid=74909&pfsid=_C75iv_wdh"
      data-lookbook-bg-click-close=true
      data-lookbook-close-background-color="#006068"
    
  >
    <div class="relative overflow-hidden flex flex-col-reverse shadow-[0px_3px_6px_#00000029]  rounded-[20px] border-solid border-1 border-[#FFFFFF] ">
      
      <div class="relative">
        <img
          class="pf-content-card-thumbnail object-cover w-full rounded-b-none aspect-[16/9]"
          src="https://cdn.pathfactory.com/assets/11187/contents/1434419/thumbnails/600x/0a4123a7-393b-462d-a99d-d3023278749e.png"
          alt="Sample content thumbnail"
        >
        
        <!-- Gradient overlay - only visible on hover -->
        <div class="thumbnail-blur-gradient absolute inset-0 pointer-events-none" 
             style="background: transparent linear-gradient(180deg, #11182000 0%, #111820CC 100%) 0% 0% no-repeat padding-box;">
        </div>

        <!-- CTA Label Overlay - only visible on hover -->
        
          <div class="pf-content-card-cta-overlay flex absolute bottom-4 left-0 right-4 z-[1] pf_font_preset_7 text-[#ffffff] rounded-md pl-[26px] pt-[26px] pr-[35px] gap-0 group-hover:underline bg-[transparent] pointer-events-none">
            See more...
            <span class="flex-shrink-0">
              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="chevron-icon" fill="#fff" height="40px" width="40px" version="1.1" id="Layer_1" viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve">
                <path d="M267.1,200l-50.9-50.9c-3.1-3.1-3.1-8.2,0-11.3s8.2-3.1,11.3,0l56.6,56.6c3.1,3.1,3.1,8.2,0,11.3l-56.6,56.6  c-1.6,1.6-3.6,2.3-5.7,2.3s-4.1-0.8-5.7-2.3c-3.1-3.1-3.1-8.2,0-11.3L267.1,200z"></path>
              </svg>
            </span>
          </div>
        
      </div>

      <!-- Content Overlay -->
      <div 
        class="relative top-[calc(100%-100px)] min-h-[188px]  h-[100%] w-full z-[1] pl-[26px] pt-[26px] pr-[35px]"
        style="background: linear-gradient(180deg, #ffffff, #EFEFEF)"
      >
        <!-- content tags -->
        


















<div
  class="pf-content-tag-on-card-wrapper flex flex-col uppercase gap-[8px] z-[9999]"
  
>
  
  <span
    class="
  pf-pinned-content-tag bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words 
"
    
      style="display: none;"
    
  >
    Featured&nbsp;<i class="fa fa-star" aria-hidden="true"></i>
  </span>
  
    
      
        
          <span class="
  pf-content-tag-on-card 
  bg-[#00000000] text-[#323E48] pf_font_preset_7 rounded-[0px] max-w-full break-words 
 w-fit
">
            Solution Brief
          </span>
        
      
    
    
      
    
  
</div>
<div
  onclick="event.preventDefault()"
  class="pf-content-tag-below-card-wrapper cursor-default flex flex-wrap gap-[8px]"
  
>
  
  
    
  
</div>
        
        <div class="pf_font_preset_5 text-[#323E48] h-auto pt-[13px] pb-[5px] flex items-center w-full">
          <span class="pf-content-card-title line-clamp-2">Cisco Systems XDR and NETSCOUT</span>
        </div>
        
        
      </div>
    </div>
    
    <div class="mb-[10px]"></div>
  </a>
</div>
        
      </div>
      <div role="status" aria-live="polite" class="pf-no-results visually-hidden text-xl text-center w-full p-15">
        9 results found
      </div>
      


















  <div class="pf-lazy-load-container my-0 mx-auto" >
    <button 
      class="pf-lazy-load-button bg-[#006068] hover:bg-[#ffffff] py-3 px-6 hover:border-2 hover:border-[#006068] rounded-[22px] border-opacity-100 text-[#ffffff]   hover:text-[#006068]"
    >
      <div class="pf-rte-wrapper"><p class=""><span class="pf_font_preset_6" style="font-family: OpenSansVariableFont;">Load more</span></p></div>
    </button>
  </div>




 



    </div>
  </div>
  <script>
    (() => {
      const contentsApi = new PfContentsApi({ sectionNodeId: "_C75iv_wdh" });
      contentsApi.initializeContentControls();
    })();
  </script>

  </div>
</section>






<script>
  (() => {
    const animations = [];
    const onLoadAnimations = animations.filter((a) => a.trigger === "load");
    const onScrollAnimations = animations.filter((a) => a.trigger === "scroll");

    onLoadAnimations.forEach((a) => pfAnimationFunctions(a.type)(a));

    const observer = new IntersectionObserver((entries) => {
      entries.forEach((entry) => {
        if (entry.isIntersecting) {
          onScrollAnimations.forEach((a) => pfAnimationFunctions(a.type)(a));
          observer.disconnect();
        }
      });
    }, { threshold: 0.5 });

    const section = document.querySelector(".section-_C75iv_wdh");
    observer.observe(section);
  })();
</script>

<style>
    .customFilter {
        border: 1px solid #323E48 !important;
    }
   [data-pf-theme-artefact-id="custom-resource-center"] input[type='checkbox']:checked,
   [data-pf-theme-artefact-id="custom-resource-center"] input[type='checkbox']:checked:focus,
   [data-pf-theme-artefact-id="custom-resource-center"] input[type='checkbox']:checked:hover {
      background-color: #00684A;
      border-color: #323E48;
      box-shadow: none;
      outline: 1px solid #323E48;
      outline-offset: 2px;
      border-radius: 50%;
   }

   [data-pf-theme-artefact-id="custom-resource-center"] input[type='checkbox'],
   [data-pf-theme-artefact-id="custom-resource-center"] input[type='checkbox']:focus,
   [data-pf-theme-artefact-id="custom-resource-center"] input[type='checkbox']:hover {
      background-image: none;
      border-radius: 50%;
      border-color: #323E48;
      box-shadow: none;
      outline: 1px solid transparent;
      outline-offset: 2px;
   }

  [data-pf-theme-artefact-id="custom-resource-center"] .pf-content-tag-below-card {
    text-transform: uppercase;
  }

  [data-pf-theme-artefact-id="custom-resource-center"] .pf-content-tag-on-card,
  [data-pf-theme-artefact-id="custom-resource-center"] .pf-content-card-cta-overlay {
    font-weight: 650;
  }

  [data-pf-theme-artefact-id="custom-resource-center"] .pf-lazy-load-button {
    line-height: 22px;
    padding: 9px 35px;
  }

  [data-pf-theme-artefact-id="custom-resource-center"] .pf-lazy-load-button span {
    font-weight: 650;
  }
</style>


<section data-pf-theme-artefact-id="custom-footer"
      data-pf-theme-artefact-file-id="24a098f9-8079-44d0-8505-ab1e35ab4b09"
      data-pf-theme-artefact-filename="custom-footer"
      data-pf-theme-block-id="8Vn1zmo8bn"
      data-pf-theme-block-type="section"
      data-pf-theme-block-pos="4"
      data-pf-theme-block-ref="footer"><footer class="lazy-background padding--top--xlg loaded footer" id="ns-footer">
  <div class="rd-container rd-container--desktop">



    <div class="region region-footer-first">


      <div id="block-footeraboutblock" class="block block-block-content block-block-contentee631191-845f-4878-b12e-41f246a31968">


        <div class="logo-tagline padding--bottom--xlg"><a href="/" data-once="footer-event"><img alt="Netscout orb logo" height="66" loading="lazy" src="https://www.netscout.com/themes/custom/netscout/images/NS_ORB_COL_POS_RGB.svg" width="70"></a>
          <h2 class="ns-h4 font--weight-semibold font--size--condensed margin--bottom--none">Guardians of the Connected World<sup>®</sup></h2>
        </div>




      </div>



    </div>


    <div class="region region-footer-second">



      <nav aria-labelledby="block-footernavigation-2" id="block-footernavigation-2" class="menu--menu-footer-navigation ns-menu__nav ns-display-position--relative">




        <ul class="menu menu-level-0">

          <li class="menu-item menu-item--expanded">
            <span class="menu-item--text" title="Discover">Discover</span>




            <div class="menu_link_content menu-link-contentmenu-footer-navigation view-mode-default menu-dropdown menu-dropdown-0 menu-type-default">


              <ul class="menu menu-level-1">

                <li class="menu-item">
                  <a href="https://www.netscout.com/platform" class="menu-item--text" title="Platform"  data-once="footer-event">Platform</a>





                  <div class="menu_link_content menu-link-contentmenu-footer-navigation view-mode-default menu-dropdown menu-dropdown-1 menu-type-default">
                  </div>





                </li>

                <li class="menu-item">
                  <a href="https://www.netscout.com/observability" class="menu-item--text" title="Observability" data-once="footer-event">Observability</a>



                  <div class="menu_link_content menu-link-contentmenu-footer-navigation view-mode-default menu-dropdown menu-dropdown-1 menu-type-default">
                  </div>





                </li>

                <li class="menu-item">
                  <a href="https://www.netscout.com/cybersecurity" class="menu-item--text" title="Cybersecurity" data-once="footer-event">Cybersecurity</a>



                  <div class="menu_link_content menu-link-contentmenu-footer-navigation view-mode-default menu-dropdown menu-dropdown-1 menu-type-default">
                  </div>





                </li>

                <li class="menu-item">
                  <a href="https://www.netscout.com/ddos-protection" class="menu-item--text" title="DDoS Protection" data-once="footer-event">DDoS Protection</a>



                  <div class="menu_link_content menu-link-contentmenu-footer-navigation view-mode-default menu-dropdown menu-dropdown-1 menu-type-default">
                  </div>





                </li>

                <li class="menu-item">
                  <a href="https://www.netscout.com/solutions" class="menu-item--text" title="All Solutions" data-once="footer-event">All Solutions</a>




                  <div class="menu_link_content menu-link-contentmenu-footer-navigation view-mode-default menu-dropdown menu-dropdown-1 menu-type-default">
                  </div>





                </li>

                <li class="menu-item">
                  <a href="https://www.netscout.com/products" class="menu-item--text" title="All Products" data-once="footer-event">All Products</a>



                  <div class="menu_link_content menu-link-contentmenu-footer-navigation view-mode-default menu-dropdown menu-dropdown-1 menu-type-default">
                  </div>





                </li>
              </ul>





            </div>





          </li>

          <li class="menu-item menu-item--expanded">
            <span class="menu-item--text" title="Learn">Learn</span>



            <div class="menu_link_content menu-link-contentmenu-footer-navigation view-mode-default menu-dropdown menu-dropdown-0 menu-type-default">


              <ul class="menu menu-level-1">

                <li class="menu-item">
                  <a href="https://www.netscout.com/blog" class="menu-item--text" title="Blog" data-drupal-link-system-path="blog" data-once="footer-event">Blog</a>



                  <div class="menu_link_content menu-link-contentmenu-footer-navigation view-mode-default menu-dropdown menu-dropdown-1 menu-type-default">
                  </div>





                </li>

                <li class="menu-item">
                  <a href="https://www.netscout.com/resources" class="menu-item--text" title="Resource Library" data-once="footer-event">Resource Library</a>



                  <div class="menu_link_content menu-link-contentmenu-footer-navigation view-mode-default menu-dropdown menu-dropdown-1 menu-type-default">
                  </div>





                </li>

                <li class="menu-item">
                  <a href="https://www.netscout.com/learning-center" class="menu-item--text" title="Learning Center" data-drupal-link-system-path="node/91266" data-once="footer-event">Learning Center</a>



                  <div class="menu_link_content menu-link-contentmenu-footer-navigation view-mode-default menu-dropdown menu-dropdown-1 menu-type-default">
                  </div>





                </li>

                <li class="menu-item">
                  <a href="https://my.netscout.com" class="menu-item--text" title="MyNETSCOUT" data-once="footer-event">MyNETSCOUT</a>



                  <div class="menu_link_content menu-link-contentmenu-footer-navigation view-mode-default menu-dropdown menu-dropdown-1 menu-type-default">
                  </div>





                </li>

                <li class="menu-item">
                  <a href="https://www.netscout.com/events" class="menu-item--text" title="Events" data-once="footer-event">Events</a>




                  <div class="menu_link_content menu-link-contentmenu-footer-navigation view-mode-default menu-dropdown menu-dropdown-1 menu-type-default">
                  </div>





                </li>

                <li class="menu-item">
                  <a href="https://www.netscout.com/webinars" class="menu-item--text" title="Webinars" data-once="footer-event">Webinars</a>




                  <div class="menu_link_content menu-link-contentmenu-footer-navigation view-mode-default menu-dropdown menu-dropdown-1 menu-type-default">
                  </div>





                </li>
              </ul>





            </div>





          </li>

          <li class="menu-item menu-item--expanded">
            <span class="menu-item--text" title="About">About</span>



            <div class="menu_link_content menu-link-contentmenu-footer-navigation view-mode-default menu-dropdown menu-dropdown-0 menu-type-default">




              <ul class="menu menu-level-1">

                <li class="menu-item">
                  <a href="https://www.netscout.com/company" class="menu-item--text" title="About Us" data-once="footer-event">About Us</a>



                  <div class="menu_link_content menu-link-contentmenu-footer-navigation view-mode-default menu-dropdown menu-dropdown-1 menu-type-default">
                  </div>





                </li>

                <li class="menu-item">
                  <a href="https://www.netscout.com/company/be-a-guardian" class="menu-item--text" title="Careers" data-once="footer-event">Careers</a>



                  <div class="menu_link_content menu-link-contentmenu-footer-navigation view-mode-default menu-dropdown menu-dropdown-1 menu-type-default">
                  </div>





                </li>

                <li class="menu-item">
                  <a href="https://www.netscout.com/corporate-social-responsibility" class="menu-item--text" title="Environmental, Social, and Governance" data-once="footer-event">Environmental, Social, and Governance</a>



                  <div class="menu_link_content menu-link-contentmenu-footer-navigation view-mode-default menu-dropdown menu-dropdown-1 menu-type-default">
                  </div>





                </li>

                <li class="menu-item">
                  <a href="https://ir.netscout.com/" class="menu-item--text" title="For Investors" data-once="footer-event">For Investors</a>



                  <div class="menu_link_content menu-link-contentmenu-footer-navigation view-mode-default menu-dropdown menu-dropdown-1 menu-type-default">
                  </div>





                </li>

                <li class="menu-item">
                  <a href="https://www.netscout.com/news" class="menu-item--text" title="Newsroom" data-once="footer-event">Newsroom</a>



                  <div class="menu_link_content menu-link-contentmenu-footer-navigation view-mode-default menu-dropdown menu-dropdown-1 menu-type-default">
                  </div>





                </li>

                <li class="menu-item">
                  <a href="https://www.netscout.com/partner" class="menu-item--text" title="Partners" data-once="footer-event">Partners</a>



                  <div class="menu_link_content menu-link-contentmenu-footer-navigation view-mode-default menu-dropdown menu-dropdown-1 menu-type-default">
                  </div>





                </li>
              </ul>





            </div>





          </li>

          <li class="menu-item menu-item--expanded">
            <span class="menu-item--text" title="Connect">Connect</span>



            <div class="menu_link_content menu-link-contentmenu-footer-navigation view-mode-default menu-dropdown menu-dropdown-0 menu-type-default">


              <ul class="menu menu-level-1">

                <li class="menu-item">
                  <a href="tel://+18883577667" class="menu-item--text" title="1-888-357-7667" rel="nofollow noopener" data-once="footer-event">1-888-357-7667</a>



                  <div class="menu_link_content menu-link-contentmenu-footer-navigation view-mode-default menu-dropdown menu-dropdown-1 menu-type-default">
                  </div>





                </li>

                <li class="menu-item">
                  <a href="https://www.netscout.com/contact-us" class="menu-item--text" title="Contact Us" data-drupal-link-system-path="node/78486" data-once="footer-event">Contact Us</a>



                  <div class="menu_link_content menu-link-contentmenu-footer-navigation view-mode-default menu-dropdown menu-dropdown-1 menu-type-default">
                  </div>





                </li>

                <li class="menu-item">
                  <a href="https://www.netscout.com/under-ddos-attack" class="menu-item--text" title="Under DDoS Attack?" data-drupal-link-system-path="node/88916" data-once="footer-event">Under DDoS Attack?</a>



                  <div class="menu_link_content menu-link-contentmenu-footer-navigation view-mode-default menu-dropdown menu-dropdown-1 menu-type-default">
                  </div>





                </li>

                <li class="menu-item">



                  <div class="menu_link_content menu-link-contentmenu-footer-navigation view-mode-default menu-dropdown menu-dropdown-1 menu-type-default">


                    <div>
                      <div id="socialNav">
                        <ul>
                          <li><a href="https://www.linkedin.com/company/netscout" rel="me" target="_blank" title="LinkedIn" data-once="footer-event"><svg aria-hidden="false" class="svg-inline--fa fa-linkedin fa-w-14" data-fa-i2svg="" data-icon="linkedin" data-prefix="fab" focusable="false" role="img" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
                            <title></title>
                            <path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" fill="currentColor"></path></svg></a></li>
                          <li><a href="https://twitter.com/NETSCOUT" rel="me" target="_blank" title="X formerly known as Twitter" data-once="footer-event"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg></a></li>
                          <li><a href="https://www.youtube.com/c/NetScoutSystemsInc" rel="me" target="_blank" title="YouTube" data-once="footer-event"><svg aria-hidden="false" class="svg-inline--fa fa-youtube fa-w-18" data-fa-i2svg="" data-icon="youtube" data-prefix="fab" focusable="false" role="img" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg">
                            <title></title>
                            <path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z" fill="currentColor"></path></svg></a></li>
                          <li><a href="https://www.facebook.com/NETSCOUTinc" rel="me" target="_blank" title="Facebook" data-once="footer-event"><svg aria-hidden="false" class="svg-inline--fa fa-facebook fa-w-16" data-fa-i2svg="" data-icon="facebook" data-prefix="fab" focusable="false" role="img" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                            <title></title>
                            <path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z" fill="currentColor"></path></svg></a></li>
                          <li><a href="https://www.instagram.com/netscoutinc/?hl=en" rel="me" target="_blank" title="Instagram" data-once="footer-event"><svg aria-hidden="false" class="svg-inline--fa fa-instagram fa-w-14" data-fa-i2svg="" data-icon="instagram" data-prefix="fab" focusable="false" role="img" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
                            <title></title>
                            <path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" fill="currentColor"></path></svg></a></li>
                        </ul>
                      </div>

                    </div>



                  </div>





                </li>
              </ul>





            </div>





          </li>
        </ul>




      </nav>



    </div>






    <div class="footer__legal region region-footer-fifth">





      <nav aria-labelledby="block-netscout-footer" id="block-netscout-footer" class="menu--footer ns-menu__nav ns-display-position--relative">




        <p class="font--weight-bold font--size--xsmall">© 2026 NETSCOUT</p>
        <ul class="menu" id="ns-footer-menu">
          <li class="menu-item">
            <a href="https://www.netscout.com/legal/terms-and-conditions" data-drupal-link-system-path="node/82026" data-once="footer-event">Terms &amp; Conditions</a>
          </li>
          <li class="menu-item">
            <a href="https://www.netscout.com/legal/website-terms-of-use" data-drupal-link-system-path="node/94230" data-once="footer-event">Website Terms of Use</a>
          </li>
          <li class="menu-item">
            <a href="https://www.netscout.com/data-privacy-and-trust-center" title="Read more information about NETSCOUT's Data Privacy and Trust Center." data-drupal-link-system-path="node/72066" data-once="footer-event">Data Privacy and Trust Center</a>
          </li>
          <li class="menu-item">
            <a href="https://www.netscout.com/corporate-responsibility/compliance#component--3" target="_blank" data-once="footer-event">Transparency in Supply Chains</a>
          </li>
          <li class="menu-item">
            <a href="https://www.netscout.com/legal/privacy-policy" title="View NETSCOUT System's Privacy Policy" data-drupal-link-system-path="node/54081" data-once="footer-event">Privacy Policy</a>
          </li>
          <li class="menu-item">
            <a href="https://www.netscout.com/vendor-portal" data-drupal-link-system-path="node/72681" data-once="footer-event">Vendor Portal</a>
          </li>
          <li class="menu-item">
            <a href="https://submit-irm.trustarc.com/services/validation/short/1e319fdb" target="_blank" rel="nofollow noopener" data-once="footer-event">Do Not Sell or Share My Personal Information</a>
          </li>
          <li class="menu-item">
            <a href="https://www.netscout.com/legal/privacy-policy#ccpa" target="_blank" data-once="footer-event">California Privacy Notice</a>
          </li>
          <li class="menu-item">
            <a href="https://www.netscout.com/resources/other-documents/netscout-group-uk-tax-strategy" target="_blank" data-once="footer-event">UK Disclosure</a>
          </li>
          <li class="menu-item"><div id="teconsent" consent="0,1,2" aria-label="Open Cookie Preferences Modal" role="complementary"><a role="link" id="icon-id04140653261284215" tabindex="0" lang="en" aria-haspopup="dialog" aria-label="Cookie Preferences, opens a dedicated popup modal window" class="truste_cursor_pointer" data-once="footer-event">Cookie Preferences</a></div></li></ul>





      </nav>



    </div>



  </div>

</footer>

<style>
  .footer {
    font-family: "Open Sans", sans-serif;
  }

  :root {
    --xxsml: 0.25rem;
    --xsml: 0.5rem;
    --xsml-sml: 0.75rem;
    --sml: 0.875rem;
    --sml-md: 1rem;
    --md: 1.2rem;
    --lg: 1.8rem;
    --xlg: 2.5rem;
    --xxlg: 3.2rem;
    --xxxlg: 6rem;
    --white: #FFFFFF;
    --black: #282D34;
    --black-dark: #111820;
    --grey: #EFEFEF;
    --grey-dark: #282D34;
    --grey-med2: #323E48;
    --grey-med: #47515a;
    --grey-a80: #53575d;
    --green: #97D700;
    --green-light: #00DB75;
    --teal: #0099A8;
    --teal-green: #199B70;
    --teal-dark: #006068;
    --blue: #3060FF;
    --blue-light: #49E8FF;
    --red: #FF5959;
    --pink: #DC00C7;
    --purple: #4C47C4;
    --guardian-green: #97D700;
    --dark-teal: #006068;
    --gallery-grey: #323E48;
    --jade: #199B70;
    --light-teal: #0099A8;
    --indigo: #4C47C4;
    --ocean: #3060FF;
    --sunset: #FF5959;
    --malachite: #00DB75;
    --artic: #49E8FF;
    --white-hover: #ECFAFC;
    --teal-hover: #02828D;
    --black-a20: hsla(215, 13%, 18%, 0.2);
    --black-a80: hsla(215, 13%, 18%, 0.8);
    --grey-a10: hsla(0, 0%, 94%, 0.1);
    --grey-a20: hsla(0, 0%, 94%, 0.2);
    --grey-a40: hsla(0, 0%, 94%, 0.4);
    --white-a70: hsla(0, 0%, 100%, 0.7);
    --white-a30: hsla(0, 0%, 100%, 0.3);
    --white-a20: hsla(0, 0%, 100%, 0.2);
    --white-a10: hsla(0, 0%, 100%, 0.1);
    --white-a03: hsla(0, 0%, 100%, 0.03);
    --separator-height: 10.76vw;
    --separator-bg: #111820;
    --section-padding: var(--xxxlg);
  }

  /*! CSS Used from: Embedded */
  svg:not(:host).svg-inline--fa,
  svg:not(:root).svg-inline--fa {
    overflow: visible;
    box-sizing: content-box;
  }

  .svg-inline--fa {
    display: var(--fa-display, inline-block);
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
  }

  /*! CSS Used from: Embedded */
  .truste_cursor_pointer {
    cursor: pointer;
  }

  /*! CSS Used from: Embedded ; media=all */
  @media all {
    .ns-display-position--relative {
      position: relative;
    }

    .svg-inline--fa {
      width: max-content;
    }
  }

  /*! CSS Used from: https://www.netscout.com/sites/default/files/css/css_3ADjVTL4SOt034ZbT6GIaUr410EU3viNo-xmFPzm_KQ.css?delta=1&language=en&theme=netscout&include=eJxtUEFuwzAM-1BcA9uDCsVmUqO2ZUjyMO_1S4Fm6dreCJIiSIVMqsMXqNIKnQILfGUplNMPJlRLNs4oM6IP1CxxnSpMA3fzO3ALV9MHXt1CNYyZv_-RheQKY1c4Uj6UJlzYJUNxgYS74kEURGha68fnwamNDHXzdXWpbLVflAVkfbt0AuUuAW-Cd-u29bnQXbo1Rkz0l6IubA-BvDh3w1T1_JXiIIm3vXc4NRJahdpFfZTeKJ8O5tRr63NOekH8BQaQm80&tci0ki ; media=all */
  @media all {

    *,
    ::after,
    ::before {
      background-repeat: no-repeat;
      box-sizing: border-box;
    }


    sup {
      vertical-align: unset;
      font-size: .8rem;
    }


    footer {
      --separator-bg: var(--grey);
      z-index: 1;
      margin-top: auto;
      background: var(--grey);
      color: var(--black);
    }

    footer.lazy-background.loaded {
      background: var(--grey) url(https://www.netscout.com/themes/custom/netscout/images/NS-Footer_Bkgd_Grey.webp) top left no-repeat;
      background-size: cover;
    }

    footer .region-footer-first {
      padding-block: var(--xlg);
    }

    @media screen and (min-width:768px) {
      footer {
        background-size: 60% auto;
      }
    }

    footer .logo-tagline {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: start;
      align-content: center;
      flex-wrap: nowrap;
      gap: 1rem;
      padding-bottom: var(--md);
      width:100%;
      font-size: 18px;
      max-width: 100%;
    }

    footer .logo-tagline img {
      max-width: 35px;
      max-height: 35px;
      height: auto;
    }

    @media screen and (min-width:992px) {
      footer .logo-tagline img {
        max-width: 45px;
        max-height: 45px;
      }
    }

    footer .logo-tagline sup {
      vertical-align: super;
    }

    footer .menu--menu-footer-navigation>ul {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 1rem;
    }

    @media screen and (min-width:992px) {
      footer .menu--menu-footer-navigation>ul {
        flex-direction: row;
        justify-content: stretch;
      }
    }

    footer .menu--menu-footer-navigation>ul>li {
      flex: 1 0 calc(50% - 1rem);
      padding-block-end: var(--lg);
    }

    @media screen and (min-width:768px) {
      footer .menu--menu-footer-navigation>ul>li {
        flex-basis: calc(25% - 1rem);
        padding: 0 0 19px 0;
      }
    }

    footer .menu--menu-footer-navigation>ul>li.menu-item--expanded>span {
      font-size: 1rem;
      display: block;
      font-weight: 700;
      margin-bottom: var(--md);
    }

    @media screen and (min-width:992px) {
      footer .menu--menu-footer-navigation>ul>li.menu-item--expanded>span {
        font-size: 1.1rem;
      }
    }

    footer .menu--menu-footer-navigation>ul>li.menu-item--expanded ul li {
      list-style-type: none;
      margin: 0;
      padding: 0;
      line-height: 1.4;
    }

    footer .menu--menu-footer-navigation>ul>li.menu-item--expanded ul li:not(:last-child) {
      margin-bottom: var(--xsml-sml);
    }

    footer .footer__legal {
      width: 100%;
      padding: 16px 0;
      margin-top: 1rem;
      border-top: 2px solid var(--black-a80);
    }

    footer ul {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    footer ul li {
      list-style-type: none;
      margin: 0;
      padding: 0;
    }

    footer ul li a {
      font-size: 14px;
      color: var(--black);
      text-decoration: none;
    }

    footer ul li a:hover {
      color: var(--teal-green);
      text-decoration: underline;
      font-weight: 600;
    }

    footer p {
      margin-bottom: 6px;
    }

    @media screen and (min-width:768px) {
      footer p {
        margin-bottom: 12px;
      }
    }

    footer #socialNav ul {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      column-gap: 2px;
    }

    footer #socialNav ul li {
      flex: 1 0 20%;
      max-width: 40px;
      margin-bottom: 0;
    }

    footer #socialNav ul li a {
      display: block;
      max-width: 20px;
      height: auto;
      font-size: unset;
    }

    footer #socialNav ul li a svg {
      width: unset;
      height: unset;
    }

    footer #ns-footer-menu {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
    }

    @media screen and (min-width:576px) {
      footer #ns-footer-menu {
        flex-direction: row;
        flex-wrap: wrap;
        column-gap: 20px;
      }
    }

    footer #ns-footer-menu li {
      flex: 0 0 auto;
    }

    .ns-h4,
    h2 {
      font-family: "Open Sans", sans-serif;
      font-weight: 700;
      line-height: 1.3;
      margin-top: 0;
      margin-bottom: .75rem;
    }

    @media screen and (min-width:768px) {

      .ns-h4,
      h2 {
        margin-bottom: 1rem;
      }
    }

    h2 {
      font-size: 1.5rem;
    }

    @media screen and (min-width:576px) {
      h2 {
        font-size: 1.875rem;
      }
    }

    @media screen and (min-width:768px) {
      h2 {
        font-size: 2.25rem;
      }
    }

    .ns-h4 {
      font-size: 1.2rem;
    }

    @media screen and (min-width:768px) {
      .ns-h4 {
        font-size: 1.5rem;
      }
    }

    p {
      font-size: 1rem;
      line-height: 1.3;
      margin-top: 0;
      margin-bottom: .75rem;
    }

    @media screen and (min-width:768px) {
      p {
        font-size: 1.1rem;
        line-height: 1.5;
        margin-bottom: 1rem;
      }
    }

    sup {
      vertical-align: super;
      top: 0;
    }
  }

  /*! CSS Used from: Embedded ; media=all */
  @media all {
    .padding--top--xlg {
      padding-top: var(--xlg);
    }

    @media screen and (min-width:768px) {
      .padding--top--xlg {
        padding-top: var(--xxlg);
      }
    }

    .padding--bottom--xlg {
      padding-bottom: var(--xlg);
    }

    @media screen and (min-width:768px) {
      .padding--bottom--xlg {
        padding-bottom: var(--xxlg);
      }
    }

    .margin--bottom--none {
      margin-bottom: 0 !important;
    }

    .rd-container {
      position: relative;
      max-width: 2160px;
      width: 100%;
      margin-inline: auto;
    }

    .rd-container--desktop {
      max-width: min(1480px, 95%);
      padding-inline: var(--lg);
    }

    @media screen and (min-width:1580px) {
      .rd-container--desktop {
        padding-inline: 0;
      }
    }

    h2 {
      margin-top: .2rem;
      font-size: 22px;
      font-weight: 700;
    }

    @media screen and (min-width:768px) {
      h2 {
        font-size: 30px;
      }
    }

    @media screen and (min-width:1480px) {
      h2 {
        font-size: 34px;
      }
    }

    .ns-h4 {
      margin-top: .1rem;
      font-size: 16px;
      font-weight: 700;
    }

    @media screen and (min-width:768px) {
      .ns-h4 {
        font-size: 18px;
      }
    }

    @media screen and (min-width:1480px) {
      .ns-h4 {
        font-size: 20px;
      }
    }

    .font--weight-semibold {
      font-weight: 600 !important;
    }

    .font--weight-bold {
      font-weight: 700 !important;
    }

    .font--size--xsmall {
      font-size: .875rem;
      line-height: 1.2;
    }

    .font--size--condensed {
      line-height: 1.3;
    }
  }

  /*! CSS Used from: Embedded */
  .svg-inline--fa {
    width: max-content;
  }

  /*! CSS Used fontfaces */
  @font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-300.woff2) format("woff2"), url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-300.woff) format("woff");
  }

  @font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-regular.woff2) format("woff2"), url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-regular.woff) format("woff");
  }

  @font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-600.woff2) format("woff2"), url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-600.woff) format("woff");
  }

  @font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-700.woff2) format("woff2"), url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-700.woff) format("woff");
  }

  @font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-800.woff2) format("woff2"), url(https://www.netscout.com/themes/custom/netscout/css/fonts/open-sans-v35-latin-800.woff) format("woff");
  }

</style>

<script>
  document.addEventListener("DOMContentLoaded", function () {

    function removeDuplicateCookies() {
      const links = document.querySelectorAll('.truste_cursor_pointer');
      links.forEach((el, i) => {
        if (i > 0) el.remove();
      });
    }

    // Run once
    removeDuplicateCookies();

    // Watch for dynamic injection
    const observer = new MutationObserver(() => {
      removeDuplicateCookies();
    });

    observer.observe(document.body, {
      childList: true,
      subtree: true
    });

  });
</script></section>
    






<script>
  const pfExperienceFormStrategy = `` ? JSON.parse(``) : null;
  const pfContentFormStrategy = `` ? JSON.parse(``) : null;
  const pfExperienceFormPresent = false;
  const pfContentFormPresent = false;
  const pfExperienceFormModalSelector = ".modal-pf-experience-form-strategy";
  const pfContentFormModalSelector = ".modal-pf-content-form-strategy";
  const pfVisitorKnown = () => {
    const params = new URLSearchParams(window.location.search);
    const pfses = params.get('_pfses');
    const knownViaLbEmail = window.pfConsentStatus && pfConsentStatus() && pfses;
    return false || knownViaLbEmail;
  };
  const pfIsLandingPage = true;

  const pfExperienceFormModal = pfExperienceFormPresent && document.querySelector(pfExperienceFormModalSelector);
  const pfContentFormModal = pfContentFormPresent && document.querySelector(pfContentFormModalSelector);

  if (pfExperienceFormPresent || pfContentFormPresent) {
    setInterval(() => {
      document.dispatchEvent(new CustomEvent("pf_page_ping", {
        detail: {
          interval: 5
        },
      }));
    }, 5000);
  }

  const pfFormConditionsMet = ({ formModal, config, toggleModal = false, pdfButtonClick = false }) => {
    if (!config) { return false; }
    if (window.pdfFormModalOpen) { return false; }

    const currentSession = JSON.parse(localStorage.getItem("pfCurrentSession") || "{}");
    const knownVisitorCondition = config.show_to_known_visitors && pfVisitorKnown();
    const unknownVisitorCondition = config.show_to_unknown_visitors && !pfVisitorKnown();
    const formSubmittedAlready = JSON.parse(localStorage.getItem("pfSubmittedForms") || "[]").filter((sf) => {
      return (
        sf.experienceId == "215671" &&
          sf.formId == config.form_id
      );
    }).length > 0;
    const submittedShowAgainCondition = config.submitted_show_again || !formSubmittedAlready;
    const formNotDismissed = JSON.parse(localStorage.getItem("pfDismissedForms") || "[]").filter((df) => {
      return (
        df.experienceId == "215671" &&
          df.formId == config.form_id
      );
    }).length == 0;
    const visibleModal = Array.from(document.querySelectorAll(".pf-modal")).filter((m) => m.style.display !== "none").length > 0;

    const show = pdfButtonClick || (knownVisitorCondition || unknownVisitorCondition) && submittedShowAgainCondition && formNotDismissed && !visibleModal;

    if (toggleModal && formModal) {
      formModal.style.display = show ? "block" : "none";
      formModal.style.opacity = 0;
      setTimeout(() => formModal.style.opacity = show ? 1 : 0, 500);
      if (show) {
        if (!pdfButtonClick) {
          window.pfFormsShown = [...new Set((window.pfFormsShown || []).concat([config.form_id]))];
        }
        (window.pfVideoPlayers || []).forEach((player) => {
          player.pause();
        });
        window.showForm({
          formType: pfContentFormPresent ?  "" : "",
          formData: { value: pfContentFormPresent ?  "content_form_strategy" : "experience_form_strategy" }
        });
      }
    }

    return show;
  };

  const pdfButtonHandler = (e) => {
    e.preventDefault();
    pfFormConditionsMet({
      formModal: pfContentFormModal,
      config: pfContentFormStrategy,
      toggleModal: true,
      pdfButtonClick: true,
    });
    setTimeout(() => window.pdfFormModalOpen = e?.target?.id, 0);
  }

  const getPdfElements = () => {
    const pfPrint = document.getElementById("print_pf");
    const pfDownload = document.getElementById("download_pf");
    const printBtn = document.getElementById("print");
    const downloadBtn = document.getElementById("download");
    if (!pfPrint || !pfDownload || !printBtn || !downloadBtn) {
      return false;
    }
    return {
      pfPrint,
      pfDownload,
      printBtn,
      downloadBtn
    }
  }

  const switchPdfButtons = ({ showCustomButtons, config }) => {
    const pdfElements = getPdfElements();
    if (!pdfElements) {
      return;
    }
    
    const { pfPrint, pfDownload, printBtn, downloadBtn } = pdfElements;
    if (showCustomButtons) {
      const { show_on_print, show_on_download } = config;
      if (show_on_print) {
        pfPrint.style.display = "inline-block";
        printBtn.style.display = "none";
        pfPrint.addEventListener("click", pdfButtonHandler);
        window.originalPrint = window.print;
        window.print = () => {};
      }

      if (show_on_download) {
        pfDownload.style.display = "inline-block";
        downloadBtn.style.display = "none";
        pfDownload.addEventListener("click", pdfButtonHandler);
      }
    } else {
      pfPrint.style.display = "none";
      pfDownload.style.display = "none";
      printBtn.style.display = "inline-block";
      downloadBtn.style.display = "inline-block";
      [pfPrint, pfDownload].forEach(button => {
        button.removeEventListener('click', pdfButtonHandler);
      });
    }
  }
  const pfPdfFormConditionsMet = ({ config }) => {
    if (!config) { return false; }

    const { show_on_print, show_on_download } = config;
    if (!show_on_print && !show_on_download) {
      return;
    }

    const knownVisitorCondition = config.show_to_known_visitors && pfVisitorKnown();
    const unknownVisitorCondition = config.show_to_unknown_visitors && !pfVisitorKnown();
    const formSubmittedAlready = JSON.parse(localStorage.getItem("pfSubmittedForms") || "[]").filter((sf) => {
      return (
        sf.experienceId == "215671" &&
          sf.formId == config.form_id
      );
    }).length > 0;
    const submittedShowAgainCondition = config.submitted_show_again || !formSubmittedAlready;
    const showForm = (knownVisitorCondition || unknownVisitorCondition) && submittedShowAgainCondition;
    switchPdfButtons({ showCustomButtons: showForm, config });
  };

  const isBypassEngagementEnabled = (config) => {
    if (!config) return false;
    const {
      enable_bypass_engagement,
      show_on_download,
      show_on_print,
    } = config;
    if (!getPdfElements()) {
      return false;
    }
    return enable_bypass_engagement && (show_on_download || show_on_print);
  };

  const resumePdfActions = (modal) => {
    return new Promise((resolve, reject) => {
      let counter = 0;
      const modalCloseInterval = setInterval(() => {
        try {
          if (modal.style.display === "none" || counter > 10) {
            clearInterval(modalCloseInterval);
            if (window.pdfFormModalOpen) {
              if (window.pdfFormModalOpen === "print_pf") {
                if (window.originalPrint) {
                  window.print = window.originalPrint;
                }
                window.PDFViewerApplication?.triggerPrinting();
              } else if (window.pdfFormModalOpen === "download_pf") {
                window.PDFViewerApplication?.downloadOrSave();
              }
            }
            window.pdfFormModalOpen = false;
            pfPdfFormConditionsMet({ config: pfContentFormStrategy });
            resolve();
          } else {
            counter++;
          }
        } catch (error) {
          clearInterval(modalCloseInterval);
          reject(error);
        }
      }, 500);
    });
  };

  const pfContentFormStrategyEligible = pfContentFormPresent && pfFormConditionsMet({ config: pfContentFormStrategy });
  const pfExperienceFormStrategyEligible = pfExperienceFormPresent && pfFormConditionsMet({ config: pfExperienceFormStrategy });
  const pfActiveFormStrategy = (pfContentFormStrategyEligible && "contentStrategy") || (pfExperienceFormStrategyEligible && "experienceStrategy");
  const promotersClickable = (pfActiveFormStrategy === "experienceStrategy" && pfExperienceFormStrategy.promoters_clickable) ||
    (pfActiveFormStrategy === "contentStrategy" && pfContentFormStrategy.promoters_clickable);

  pfContentFormPresent && pfPdfFormConditionsMet({ config: pfContentFormStrategy });

  const pfForceExperienceFormStrategy = pfExperienceFormPresent &&
                                        isBypassEngagementEnabled(pfContentFormStrategy) &&
                                        pfFormConditionsMet({ config: pfExperienceFormStrategy });

  const pfUpdateEngagementTimes = (pagePing) => {
    const engagementTimes = JSON.parse(localStorage.getItem("pfExperienceEngagement") || "[]");
    const engagementTimeIndex = engagementTimes.findIndex((et) => {
      return et.experienceId == "215671"
    });
    let contentEngagementIndex = -1;
    const contentEngagements = engagementTimes[engagementTimeIndex]?.contentEngagements || [];
    const contentEngagement = contentEngagements.find((ce, i) => {
      if (ce.contentId == "1067781") {
        contentEngagementIndex = i;
        return true;
      }
    }) || {};
    const newContentEngagement = {
      ...contentEngagement,
      contentId: "1067781",
      duration: (contentEngagement.duration || 0) + pagePing.interval
    };
    const updatedEngagementTime = {
      experienceId: "215671",
      duration: (engagementTimeIndex > -1 ? engagementTimes[engagementTimeIndex].duration : 0) + pagePing.interval,
      contents:
        engagementTimeIndex > -1
          ? [...new Set(engagementTimes[engagementTimeIndex].contents.concat(["1067781"]))]
          : ["1067781"],
      contentEngagements:
        contentEngagementIndex > -1
          ? contentEngagements.map((ce) => ce.contentId == "1067781" ? newContentEngagement : ce)
          : [...contentEngagements, newContentEngagement]
    };

    if (engagementTimeIndex > -1) {
      engagementTimes[engagementTimeIndex] = updatedEngagementTime;
    } else {
      engagementTimes.push(updatedEngagementTime);
    }
    localStorage.setItem("pfExperienceEngagement", JSON.stringify(engagementTimes));
    localStorage.setItem("pfCurrentSession", JSON.stringify(updatedEngagementTime));

    if (pfActiveFormStrategy === "experienceStrategy" || pfForceExperienceFormStrategy) {
      const assetsViewedCondition = updatedEngagementTime.contents.length >= pfExperienceFormStrategy.assets_viewed
        && updatedEngagementTime.duration >= pfExperienceFormStrategy.assets_viewed_time;
      const timeOnExperienceCondition = updatedEngagementTime.duration >= pfExperienceFormStrategy.time_on_experience;
      const formNotYetShown = (window.pfFormsShown || []).indexOf(pfExperienceFormStrategy.form_id) == -1;

      if (
        (pfExperienceFormStrategy.form_trigger_type !== "assetsViewed" || assetsViewedCondition) &&
        (pfExperienceFormStrategy.form_trigger_type !== "timeOnExperience" || timeOnExperienceCondition) &&
        formNotYetShown
      ) {
        pfFormConditionsMet({
          config: pfExperienceFormStrategy,
          formModal: pfExperienceFormModal,
          toggleModal: true
        });
      }
    }

    if (pfActiveFormStrategy === "contentStrategy") {
      const timeOnContentCondition = (newContentEngagement.duration >= pfContentFormStrategy.show_after_time) && !isBypassEngagementEnabled(pfContentFormStrategy);
      const formNotYetShown = (window.pfFormsShown || []).indexOf(pfContentFormStrategy.form_id) == -1;
      if (timeOnContentCondition && formNotYetShown) {
        pfFormConditionsMet({
          formModal: pfContentFormModal,
          config: pfContentFormStrategy,
          toggleModal: true
        })
      }
    }
  };

  if (promotersClickable) {
    const pfPromoter = document.querySelector("#sidebar");
    if (pfPromoter) {
      pfPromoter.style["z-index"] = 1000000;
    }
  }

  
  document.addEventListener("pf_page_ping", (e) => {
    if (pfIsLandingPage && pfExperienceFormStrategy?.exclude_landing_page) {
      return;
    }

    if (pfIsLandingPage && document.querySelector(".lookbook-overlay-content")) {
      return;
    }

    const pagePingEvent = e.detail;
    pfUpdateEngagementTimes(pagePingEvent);
  });

  
  window.addEventListener("message", (event) => {
    if (!(event.data?.lookbookExternalForm || event.data?.pfStandardForm)) {
      return;
    }

    const visibleModal = Array.from(document.querySelectorAll("#pf-modal")).filter((m) => m.style.display !== "none")[0];
    const visibleForm = visibleModal?.querySelector("[data-pf-theme-block-ref='form']");
    const formId = visibleForm?.getAttribute("data-pf-theme-form-library-id");

    if (formId) {
      const submittedForms = JSON.parse(localStorage.getItem("pfSubmittedForms") || "[]");
      const submittedForm = {
        experienceId: "215671",
        formId
      };
      const submittedFormNotLogged = submittedForms.findIndex((x) =>
        x.experienceId == submittedForm.experienceId &&
          x.formId == submittedForm.formId
      ) === -1;
      if (submittedFormNotLogged) {
        submittedForms.push(submittedForm);
        localStorage.setItem("pfSubmittedForms", JSON.stringify(submittedForms));
      }
      resumePdfActions(visibleModal).then(() => {
        window.resetForm(visibleModal);
      })
    }
  });

  
  window.addEventListener("load", () => {
    if (pfIsLandingPage && pfExperienceFormStrategy?.exclude_landing_page) {
      return;
    }

    const currentSession = JSON.parse(localStorage.getItem("pfCurrentSession") || "{}");
    if (currentSession.experienceId == "215671") {
      pfUpdateEngagementTimes({ interval: 0 });
    }
  });
</script>





    
    <!--<script id="consent_blackbar" async type="text/javascript" src="//consent.truste.com/notice?domain=netscout.com&c=teconsent&js=nj&noticeType=bb&gtm=1&text=true" crossorigin="anonymous"></script>

<script>
//Level of consent required: 0=required, 1=functional, 2=advertising
var cookieCategory = 1;

function getCookie(cname) {
  var name = cname + "=";
  var decodedCookie = decodeURIComponent(document.cookie);
  var ca = decodedCookie.split(';');
  for(var i = 0; i <ca.length; i++) {
    var c = ca[i];
    while (c.charAt(0) == ' ') {
      c = c.substring(1);
    }
    if (c.indexOf(name) == 0) {
      return c.substring(name.length, c.length);
    }
  }
  return "";
}

function setPfConsent(status){
if(pfConsentStatus()!=true &&status==true)
    return pfCookieResponse(true);
      window.cfTracker("setConsentSettings", { accepted: true , cookieLifetime: 730, trackKnownVisitor: true});
if (pfConsentStatus() != false && status==false)
    pfCookieResponse(false);
}

function setPreferences() {
    if (getCookie("notice_gdpr_prefs")) {
        console.log('gpdr-no');
        setPfConsent(getCookie("notice_gdpr_prefs").indexOf(cookieCategory)>=0)
    }
    else if (getCookie("notice_behavior").indexOf("implied") >= 0) {
        console.log('implied');
        setPfConsent(true);
          window.cfTracker("setConsentSettings", { accepted: true , cookieLifetime: 730, trackKnownVisitor: true});
    }
}


pfOnJukeboxLoad.then(function () {
    setTimeout(setPreferences, 1000);
});

//Register with the API for automatic updates of user preferences (for the settings you care about)
//--OR-- if the API is loading, then this will send an update when the API is done and has loaded the user preferences.
      window.addEventListener("message", function(e){
          try{
            var json = JSON.parse(e.data);
                        if (json.source=="preference_manager"&&json.message=="submit_preferences"){
                            console.log('ev-gpdr-no');
                      setPfConsent(getCookie("notice_gdpr_prefs").indexOf(cookieCategory)>=0)
           }
           }catch(e){}
           }, false);
  </script>-->
  
  
  <script id="consent_blackbar" async type="text/javascript" src="//consent.truste.com/notice?domain=netscout.com&c=teconsent&js=nj&noticeType=bb&gtm=1&text=true" crossorigin="anonymous"></script>

<script>
//Level of consent required: 0=required, 1=functional, 2=advertising
var cookieCategory = 1;

function getCookie(cname) {
  var name = cname + "=";
  var decodedCookie = decodeURIComponent(document.cookie);
  var ca = decodedCookie.split(';');
  for(var i = 0; i <ca.length; i++) {
    var c = ca[i];
    while (c.charAt(0) == ' ') {
      c = c.substring(1);
    }
    if (c.indexOf(name) == 0) {
      return c.substring(name.length, c.length);
    }
  }
  return "";
}

function setPfConsent(status){
if(pfConsentStatus()!=true &&status==true)
    return pfCookieResponse(true);
     window.cfTracker("setConsentSettings", { accepted: true , cookieLifetime: 730, trackKnownVisitor: true});
}

function setPreferences() {
    if (getCookie("notice_gdpr_prefs")) {
        console.log('gpdr-no');
        setPfConsent(getCookie("notice_gdpr_prefs").indexOf(cookieCategory)>=0)
    }
    else if (getCookie("notice_behavior").indexOf("implied") >= 0) {
        console.log('implied');
        setPfConsent(true);
         window.cfTracker("setConsentSettings", { accepted: true , cookieLifetime: 730, trackKnownVisitor: true});
    }
}


pfOnJukeboxLoad.then(function () {
    setTimeout(setPreferences, 1000);
});

//Register with the API for automatic updates of user preferences (for the settings you care about)
//--OR-- if the API is loading, then this will send an update when the API is done and has loaded the user preferences.
      window.addEventListener("message", function(e){
          try{
            var json = JSON.parse(e.data);
                        if (json.source=="preference_manager"&&json.message=="submit_preferences"){
                            console.log('ev-gpdr-no');
                      setPfConsent(getCookie("notice_gdpr_prefs").indexOf(cookieCategory)>=0)
           }
           }catch(e){}
           }, false);
  </script>
    <script>
function buildFilterQuery(nodeid) {
  const listIds = [
    'pf-options-wrapper-products',
    'pf-options-wrapper-content_themes',
    'pf-options-wrapper-content_type',
    'pf-options-wrapper-language'
  ];

  const paramData = {};

  listIds.forEach(listId => {
    const paramName = listId.replace('pf-options-wrapper-', '');
    const checkedIDs = Array.from(
      document.querySelectorAll('.section-'+nodeid +` .${listId} input[type="checkbox"]:checked`)
    ).map(cb => cb.id);

    if (checkedIDs.length) {
      paramData[paramName] = checkedIDs.join(',');
    }
  });

  return paramData;
}

function updateCardLinksWithFilters(nodeid) {
  const filters = buildFilterQuery(nodeid);

  const links = document.querySelectorAll('.section-'+nodeid +' a.pf-content-card-link');

  links.forEach(link => {
    const url = new URL(link.href, window.location.origin);

    // Update or set filter parameters
    for (const [key, value] of Object.entries(filters)) {
      url.searchParams.set(key, value);
    }

    // Optionally remove any of the 4 params that aren't currently in filters
    const allParams = ['products', 'content_themes', 'content_type', 'language'];
    allParams.forEach(param => {
      if (!(param in filters) && !(param=='products')) {
        url.searchParams.delete(param);
      }
    });

    link.href = url.toString().replace('%3F','&').replace('%3D','=');
  });
}
//var contentdataloaded;
//document.addEventListener('pageMetadataUpdated',function( contentdataloaded = true;){})''
function applyFilterValuesAsync(filter, items) {
    return new Promise((resolve) => {
        const onMetadataUpdated = () => {
            document.removeEventListener("pageMetadataUpdated", onMetadataUpdated);
            resolve(); // resolve when the event fires
        };

        document.addEventListener("pageMetadataUpdated", onMetadataUpdated);
        applyFilterValues(filter, items);
    });
}

async function runApplyFiltersSequentially(filtersWithItems) {
    for (const [filter, items] of filtersWithItems) {
        await applyFilterValuesAsync(filter, items);
    }
}

//Do not touch
function applyFilterValues(filter, items) {
    // Get all input elements inside the filter
    const pfoptions = filter.querySelectorAll(".pf-checkbox");
    console.log(pfoptions);
    // Loop through each checkbox element
    pfoptions.forEach(checkb => {
        console.log(checkb.dataset.label, items);
        // Check if the checkbox id is in the items array
        if (items.includes(checkb.dataset.label) && !checkb.checked) {
            console.log ("check", checkb)
            checkb.checked = true;
            contentdataloaded = false;
            checkb.dispatchEvent(new Event("change", { bubbles: true }));
        }
    });
}

function sortFilterValues(filter) {
    
    const ul = filter.querySelector("ul"); // Select the UL element
    const items = Array.from(ul.querySelectorAll("li"));

    // Sort items based on the text inside the <label>
    items.sort((a, b) => {
        const labelA = a.querySelector("label").textContent.trim().toLowerCase();
        const labelB = b.querySelector("label").textContent.trim().toLowerCase();
        return labelA.localeCompare(labelB);
    });

    // Remove all <li> elements from the <ul>
    ul.innerHTML = "";

    // Append sorted <li> elements back to the <ul>
    items.forEach(item => ul.appendChild(item));
}


//update query strings to match filters being used
function applyVisibleFilters(rcnodeid){
var productqs  = decodeURIComponent("")
var languageqs = decodeURIComponent("")
if (languageqs == ''){
    languageqs='English';
}
var contenttypeqs = decodeURIComponent("")
var contentthemeqs = decodeURIComponent("")
    
var products = productqs.split(",");
var languages = languageqs.split(",");
var contenttypes = contenttypeqs.split(",");
var contentthemes = contentthemeqs.split(",");

console.log(products,languages,contenttypes,contentthemes)

var rc_section = document.querySelector(`.section-${rcnodeid}`);
//console.log(rc_section);

const filtersWithItems = [];

rc_section.querySelectorAll(".select-products").forEach(productfilter => {
        
        sortFilterValues(productfilter);
        if (productfilter.checkVisibility()) { // Check if element is visible
            if (productqs.length > 0) {
               filtersWithItems.push([productfilter, products]);
            }
        }
    });
    
rc_section.querySelectorAll(".select-language").forEach(languagefilter => {
        
        sortFilterValues(languagefilter);
        if (languagefilter.checkVisibility()) { // Check if element is visible
            if (languageqs.length > 0) {
                filtersWithItems.push([languagefilter, languages]);
            }
        }
    });
    
rc_section.querySelectorAll(".select-content_type").forEach(content_typefilter => {
        
        sortFilterValues(content_typefilter);
        if (content_typefilter.checkVisibility()) { // Check if element is visible
            if (contenttypeqs.length > 0) {
              filtersWithItems.push([content_typefilter, contenttypes]);
            }
        }
    });
    
rc_section.querySelectorAll(".select-content_themes").forEach(content_themesfilter => {
        
        sortFilterValues(content_themesfilter);
        if (content_themesfilter.checkVisibility()) { // Check if element is visible
            if (contentthemeqs.length > 0) {
              filtersWithItems.push([content_themesfilter, contentthemes]);
            }
        }
    });
    
runApplyFiltersSequentially(filtersWithItems);
}


if (typeof document.querySelector('#content-page')!=undefined){

setTimeout(function(){

    document.querySelectorAll(".dropdown-list").forEach(productfilter => {
        sortFilterValues(productfilter);
    });
    
}, 2000);
}

</script>
<style data-functionality-name="hide-integra-filter">
  /* Hide Integra Filter */
    .pf-resource-center-filters ul.pf-options-wrapper-products li.pf-options.pf-template:has(input#Integra) {
        display:none;
        visibility:hidden;
    }
</style><div id="consent_blackbar"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/arrive/2.4.1/arrive.min.js"></script>


<script>
// Wait for the truste element to arrive in the DOM
document.arrive("#truste-consent-track", function () {
    var iframe = document.querySelector(".pf-content-page-iframe");
    
    // Check if iframe exists and matches the sources
    if (iframe && (iframe.src.includes("read.uberflip.com") || iframe.src.includes("https://www.netscout.com"))) {
        document.getElementById("truste-consent-track").style.setProperty("display", "none", "important");
    }
});

document.arrive(".lookbook-overlay-content", function () {
    var iframe1 = document.querySelector(".lookbook-overlay-content");
    var trusteTrack = document.getElementById("truste-consent-track");
    
    if (iframe1 && trusteTrack) {
        trusteTrack.style.setProperty("display", "none", "important");
    }
});
</script>
    
    
  </body>
</html>


<script>
  /*
    This script removes the promoters if content is loaded inside iframe but also checks it is not overlay and preview.
    This script also removes header if TE landing page is added as content and loaded inside iframe but also checks it is not overlay and preview.
  */
  const parentWindow = window.parent;
  const insideContentPageIframe = parentWindow && parentWindow.document.querySelector("iframe.pf-content-page-iframe") && window.self !== window.top;
  if(insideContentPageIframe) {
    // hide promiters
    const contentDiv = document.querySelector('.pf-content-wrapper');
    if(contentDiv) {
      const htmlElement = document.querySelector('html');
      htmlElement.style.height = "100%";
      document.body.style.height = "100%";
      document.body.innerHTML = contentDiv.innerHTML;
    }
    const iframeHideDivs = document.querySelector(".iframe-hide");
    iframeHideDivs && iframeHideDivs.remove();
  }
</script>
