.why-netscout-component {
  width: 100%;
  background-color: #4597CB;
  color: white; }
  .why-netscout-component img, .why-netscout-component figure {
    max-width: 100%; }
  .why-netscout-component .inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem; }
    .why-netscout-component .inner .row {
      display: flex;
      flex-wrap: nowrap;
      align-items: start;
      justify-content: space-between;
      flex-direction: column-reverse; }
      @media screen and (min-width: 768px) {
        .why-netscout-component .inner .row {
          align-items: center;
          flex-direction: row; }
          .why-netscout-component .inner .row-reverse {
            flex-direction: row-reverse; } }
    .why-netscout-component .inner .col {
      flex-basis: 100%;
      flex: 0 1 auto;
      margin: 0 auto; }
    .why-netscout-component .inner .content {
      margin: 0 auto;
      max-width: 400px; }
      @media screen and (min-width: 768px) {
        .why-netscout-component .inner .content {
          margin-left: 1rem;
          width: auto;
          max-width: none; } }
      @media screen and (min-width: 900px) {
        .why-netscout-component .inner .content {
          width: 400px; } }
      @media screen and (min-width: 1200px) {
        .why-netscout-component .inner .content {
          margin-left: 2rem;
          width: 450px; } }
    .why-netscout-component .inner .tab {
      display: none; }
      .why-netscout-component .inner .tab.active {
        display: block; }
      .why-netscout-component .inner .tab ul li {
        font-size: 18px;
        line-height: 24px; }
        @media screen and (min-width: 768px) {
          .why-netscout-component .inner .tab ul li {
            font-size: 20px;
            line-height: 26px; } }
    .why-netscout-component .inner .infographic {
      position: relative;
      width: 300px;
      margin: 0 auto; }
      @media screen and (min-width: 540px) {
        .why-netscout-component .inner .infographic {
          width: 500px; } }
      @media screen and (min-width: 768px) {
        .why-netscout-component .inner .infographic {
          margin: 0 1rem 0 0;
          width: 400px; } }
      @media screen and (min-width: 1024px) {
        .why-netscout-component .inner .infographic {
          width: 600px; } }
      .why-netscout-component .inner .infographic figure {
        position: relative;
        margin: 1rem auto; }
        @media screen and (min-width: 768px) {
          .why-netscout-component .inner .infographic figure {
            margin: 0; } }
        .why-netscout-component .inner .infographic figure img {
          width: 300px;
          height: auto;
          margin: 0 auto;
          text-align: center; }
          @media screen and (min-width: 540px) {
            .why-netscout-component .inner .infographic figure img {
              width: 500px; } }
          @media screen and (min-width: 768px) {
            .why-netscout-component .inner .infographic figure img {
              width: 400px; } }
          @media screen and (min-width: 1024px) {
            .why-netscout-component .inner .infographic figure img {
              width: 600px; } }
        .why-netscout-component .inner .infographic figure .links {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          width: 300px;
          height: 300px;
          max-width: 100%;
          max-height: 100%;
          margin: 0;
          padding: 0;
          list-style: none; }
          @media screen and (min-width: 540px) {
            .why-netscout-component .inner .infographic figure .links {
              width: 500px;
              height: 500px; } }
          @media screen and (min-width: 768px) {
            .why-netscout-component .inner .infographic figure .links {
              height: 400px;
              width: 400px; } }
          @media screen and (min-width: 1024px) {
            .why-netscout-component .inner .infographic figure .links {
              width: 600px;
              height: 600px; } }
          .why-netscout-component .inner .infographic figure .links li {
            margin: 0;
            padding: 0; }
            .why-netscout-component .inner .infographic figure .links li a {
              color: white;
              text-decoration: none;
              position: absolute;
              z-index: 10;
              width: 37%;
              height: 20%;
              transition: all 0.1s;
              opacity: 0; }
              .why-netscout-component .inner .infographic figure .links li a:hover + .fig-overlay,
              .why-netscout-component .inner .infographic figure .links li a:focus + .fig-overlay,
              .why-netscout-component .inner .infographic figure .links li a.active + .fig-overlay {
                opacity: 1; }
          .why-netscout-component .inner .infographic figure .links .fig-overlay {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-size: cover;
            opacity: 0;
            transition: all 0.1s; }
          .why-netscout-component .inner .infographic figure .links .trusted a {
            top: 14%;
            left: 54%;
            transform: rotate(41deg); }
          .why-netscout-component .inner .infographic figure .links .trusted .fig-overlay {
            background-image: url("/sites/default/files/shared/why-netscout/img/Wheel_Trusted.svg"); }
          .why-netscout-component .inner .infographic figure .links .leadership a {
            top: 10%;
            left: 14%;
            transform: rotate(-36deg); }
          .why-netscout-component .inner .infographic figure .links .leadership .fig-overlay {
            background-image: url("/sites/default/files/shared/why-netscout/img/Wheel_Leadership.svg"); }
          .why-netscout-component .inner .infographic figure .links .certified a {
            top: 47%;
            left: -3%;
            transform: rotate(60deg); }
          .why-netscout-component .inner .infographic figure .links .certified .fig-overlay {
            background-image: url("/sites/default/files/shared/why-netscout/img/Wheel_Certified.svg"); }
          .why-netscout-component .inner .infographic figure .links .partnered a {
            top: 74%;
            left: 27%;
            transform: rotate(0deg); }
          .why-netscout-component .inner .infographic figure .links .partnered .fig-overlay {
            background-image: url("/sites/default/files/shared/why-netscout/img/Wheel_Partnered.svg"); }
          .why-netscout-component .inner .infographic figure .links .utilized a {
            top: 55%;
            left: 62%;
            transform: rotate(-61deg); }
          .why-netscout-component .inner .infographic figure .links .utilized .fig-overlay {
            background-image: url("/sites/default/files/shared/why-netscout/img/Wheel_Utilized.svg"); }