#network-traffic-monitor .container{max-width:1200px;padding-top:60px;padding-bottom:50px}#network-traffic-monitor .text-center{text-align:center}#network-traffic-monitor section{position:relative}#network-traffic-monitor h1{font-size:42px;font-weight:700;margin-bottom:20px;line-height:1.3}.vid-con{position:relative;max-width:768px;margin:0 auto}.vid-con>iframe{width:95%;height:350px;margin:0 auto;-webkit-box-shadow:0 0 12px 0 rgb(210 210 210 / 50%);box-shadow:0 0 12px 0 rgb(210 210 210 / 50%)}@media screen and (max-width:1025px){#network-traffic-monitor h1{font-size:34px;margin-bottom:10px;line-height:1.5}}@media screen and (max-width:767px){#network-traffic-monitor h1{font-size:32px}}#network-traffic-monitor h2{font-size:34px;font-weight:600;margin-top:0;margin-bottom:40px;line-height:1.5}#network-traffic-monitor h3{font-size:26px;font-weight:600;margin:0;line-height:1.5;padding-right:50px}#network-traffic-monitor h4{font-size:20px;font-weight:600;margin:0;line-height:1.5}#network-traffic-monitor h5,.key-tab-content h3.heading{font-size:18px !important;font-weight:600;margin:0;line-height:1.5}#network-traffic-monitor p{font-size:16px;line-height:2;margin-bottom:24px}#network-traffic-monitor .mb0{margin-bottom:0 !important}#network-traffic-monitor .btn{background:#e40909;padding:16px 36px;color:#fff;font-size:18px;display:inline-block;transition:250ms}#network-traffic-monitor .btn:hover{text-decoration:none;background-color:#d00505}#network-traffic-monitor .form-group{margin-bottom:12px}#network-traffic-monitor .form-group input,#network-traffic-monitor .form-group select,#network-traffic-monitor .form-group textarea{width:100%;padding:19px 16px;border-radius:6px;border:0;font-size:16px;box-sizing:border-box;margin-top:4px}#network-traffic-monitor input[type=submit]{background:red;font-size:20px;cursor:pointer}#network-traffic-monitor .ffw-errmsg{color:red;margin-top:4px;display:inline-block}#network-traffic-monitor .banner-section.network-traffic-monitor-banner{background:#fff2c3}#network-traffic-monitor .banner-section.network-traffic-monitor-banner .banner-row{display:flex;justify-content:space-between;align-items:center;padding:50px 0}#network-traffic-monitor .banner-section.network-traffic-monitor-banner .banner-row .banner-text,#network-traffic-monitor .banner-section.network-traffic-monitor-banner .banner-row .banner-image{width:40%}#network-traffic-monitor .banner-section.network-traffic-monitor-banner .banner-row .banner-text img,#network-traffic-monitor .banner-section.network-traffic-monitor-banner .banner-row .banner-image img{width:100%}@media screen and (max-width:900px){#network-traffic-monitor .banner-section.network-traffic-monitor-banner .banner-row{flex-direction:column;row-gap:50px}#network-traffic-monitor .banner-section.network-traffic-monitor-banner .banner-row .banner-text,#network-traffic-monitor .banner-section.network-traffic-monitor-banner .banner-row .banner-image{width:100%;text-align:center}#network-traffic-monitor .banner-section.network-traffic-monitor-banner .banner-row .banner-text img,#network-traffic-monitor .banner-section.network-traffic-monitor-banner .banner-row .banner-image img{width:80%}}#network-traffic-monitor .real-time-traffic-monitor{text-align:center;padding:0 40px}@media screen and (max-width:767px){#network-traffic-monitor .real-time-traffic-monitor{text-align:left;padding:0 20px}#network-traffic-monitor .banner-section.network-traffic-monitor-banner .banner-row{padding:0}}#network-traffic-monitor .key-features,#network-traffic-monitor .key-features .key-tabs{margin-bottom:75px}#network-traffic-monitor .key-features .key-tabs ul{display:flex;-moz-column-gap:32px;column-gap:32px;justify-content:center;position:relative;z-index:2}#network-traffic-monitor .key-features .key-tabs ul::before{content:"";width:100%;border-bottom:1px solid #a0a0a0;left:0;top:50%;display:block;position:absolute;max-width:1200px;z-index:0}#network-traffic-monitor .key-features .key-tabs ul li{background:#fff;border:1px solid #a0a0a0;border-radius:60px;position:relative;text-align:center;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#network-traffic-monitor .key-features .key-tabs ul li a{display:inline-block;padding:15px 80px;color:#3e3e3e;font-size:20px;font-weight:500;position:relative;z-index:2}#network-traffic-monitor .key-features .key-tabs ul li a:hover{text-decoration:none}#network-traffic-monitor .key-features .key-tabs ul li.active{background-color:#3e3e3e}#network-traffic-monitor .key-features .key-tabs ul li.active a{color:#fff}@media screen and (max-width:900px){#network-traffic-monitor .key-features .key-tabs ul{flex-direction:column}}@media screen and (max-width:900px){#network-traffic-monitor .key-features .key-tabs{display:none}}#network-traffic-monitor .key-features .key-tab-content{color:#fff}#network-traffic-monitor .key-features .key-tab-content .heading{margin-bottom:14px;display:none}.key-fea-row{display:flex;gap:50px;justify-content:space-between;margin:0 auto;max-width:950px;align-items:center}#network-traffic-monitor .key-features .key-tab-content>div~div{display:none}.key-fea-row>div.cell{width:calc(40% - 50px)}.key-fea-row>div.key-tab-content{width:60%}@media screen and (max-width:900px){#network-traffic-monitor .key-features .key-tab-content>div{display:flex !important;flex-direction:column-reverse;margin-bottom:20px;padding:40px 30px;-webkit-box-shadow:0 0 16px 0 rgb(208 206 195 / 50%);box-shadow:0 0 16px 0 rgb(208 206 195 / 50%)}#network-traffic-monitor .key-features .key-tab-content .heading{display:block;color:#000}.key-fea-row>div{flex:auto;width:100% !important}}#network-traffic-monitor .key-features .key-tab-content ul{font-size:16px;padding:40px 60px;background:#3e3e3e}#network-traffic-monitor .key-features .key-tab-content ul li{position:relative;padding-bottom:12px;line-height:2;padding-left:8px}#network-traffic-monitor .key-features .key-tab-content ul li:before{content:"";background:url("/sites/default/files/netflow_analyzer/images/tick.svg") top center no-repeat;width:24px;height:24px;position:absolute;left:-24px;z-index:1;top:8px}#network-traffic-monitor .key-features .key-tab-content ul li:last-child{padding-bottom:0}#network-traffic-monitor .key-features .key-feature-row .key-feature-image{max-width:330px}#network-traffic-monitor .key-features .key-feature-row .key-feature-image img{width:100%;height:100%}@media screen and (max-width:900px){#network-traffic-monitor .key-features .key-feature-row{flex-direction:column;padding:0;row-gap:20px}#network-traffic-monitor .key-features .key-feature-row .key-feature-image{width:100%;max-width:100%}#network-traffic-monitor .key-features .key-feature-row .key-tab-content{width:100%;display:block}}@media screen and (max-width:767px){#network-traffic-monitor .key-features .key-tab-content ul{padding:40px 30px}}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row{display:flex;justify-content:space-between;position:relative}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container{width:50%;padding-left:20px;box-sizing:border-box}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container .accordion{margin-left:24px;padding:24px 0;width:calc(100% - 50px);border-bottom:1px solid #eae8e8;position:relative}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container .accordion::before{content:"";width:17px;height:17px;box-sizing:border-box;display:block;position:absolute;left:-40px;top:28px;border-radius:50%;z-index:2;border:3px solid #3e3e3e;background:radial-gradient(#3e3e3e 60%,#fff 40%)}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container .accordion::after{content:"";width:0;height:100%;border-left:1px solid #3e3e3e;display:block;position:absolute;left:-32px;top:28px;border-radius:50%;z-index:1}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container .accordion.active::after{border-color:#d9d9d9}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container .accordion.active .accordion-heading svg{transform:rotate(180deg)}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container .accordion.active~.accordion::before{background:#fff;border:1px solid #d9d9d9}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container .accordion.active~.accordion::after{border-color:#d9d9d9}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container .accordion:last-child{border-bottom:0}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container .accordion:last-child::after{border:0}.time-line-accordion{position:absolute}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container .accordion:last-child .time-line-accordion{display:none}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container .accordion .accordion-heading{display:flex;justify-content:space-between;align-items:flex-start;cursor:pointer}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container .accordion .accordion-heading h3,.accordion-container .accordion-item h4,.accordion-container .accordion-item h3{font-weight:500;font-size:20px !important;line-height:1.5}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container .accordion .accordion-heading svg{margin-top:10px;min-width:23px;max-width:23px}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container .accordion .accordion-content{margin-bottom:10px;display:none}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container .accordion .accordion-content p{font-size:16px;line-height:2}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container .accordion .accordion-content .image{display:none}@media screen and (max-width:900px){#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container .accordion .accordion-content .image{display:block}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container .accordion .accordion-content .image img{width:100%}}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container .accordion.active{position:relative}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container .accordion.active .time-line-accordion{top:40px;width:100%;height:0;border-left:1px solid #3e3e3e;position:absolute;left:-33px;padding-left:33px;animation:timeline 5s linear forwards}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container .accordion.active .time-line-accordion::before{content:"";position:absolute;bottom:0;left:-5px;width:10px;height:10px;border-radius:50%;background-color:#3e3e3e;box-sizing:border-box;z-index:3}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container .accordion.active .time-line-accordion:hover::before,#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container .accordion.active .time-line-accordion:hover{animation-play-state:paused}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container .accordion.active .accordion-content{display:block}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container .accordion ul{font-size:16px;padding-left:24px}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container .accordion ul li{list-style-image:url("/sites/default/files/netflow_analyzer/images/tick.svg");line-height:2.5;padding-left:8px}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .traffic-monitor-image-container{width:50%;padding-left:100px;position:relative;height:100%;z-index:2;position:sticky;top:150px}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .traffic-monitor-image-container::before{content:"";width:100px;height:100px;background:url("/sites/default/files/netflow_analyzer/images/pattern.png");background-repeat:no-repeat;background-size:cover;position:absolute;left:55px;bottom:-25px;z-index:-1}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .traffic-monitor-image-container img{width:100%;-webkit-box-shadow:0 0 24px 0 rgb(201 201 201 / 50%);box-shadow:0 0 24px 0 rgb(201 201 201 / 50%)}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .traffic-monitor-image-container img+img{display:none}@media screen and (max-width:900px){#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row{flex-direction:column}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row>div{width:100% !important}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .accordion-container{width:calc(100% - 30px)}#network-traffic-monitor .difference-traffic-monitoring .difference-traffic-monitoring-row .traffic-monitor-image-container{padding:0;display:none}}#network-traffic-monitor .online-demo-cta-section{background-color:#fff2c3}#network-traffic-monitor .online-demo-cta-section .online-demo-row{display:flex;flex-direction:row;padding:50px;align-items:center}#network-traffic-monitor .online-demo-cta-section .online-demo-row .online-demo-img{width:40%}#network-traffic-monitor .online-demo-cta-section .online-demo-row .online-demo-content{width:60%;padding-left:70px}#network-traffic-monitor .online-demo-cta-section .online-demo-row .online-demo-content h3{line-height:1.5;margin-bottom:24px}@media screen and (max-width:767px){#network-traffic-monitor .online-demo-cta-section .online-demo-row{flex-direction:column;row-gap:50px}#network-traffic-monitor .online-demo-cta-section .online-demo-row .online-demo-img{width:100%;text-align:center}#network-traffic-monitor .online-demo-cta-section .online-demo-row .online-demo-content{width:100%;text-align:center;padding:0}}#network-traffic-monitor .footer-section{background-color:#071f2e;text-align:center;color:#fff;margin-top:50px;padding:48px 0}#scroll,.heading-menu{display:none}.sec-title h3{margin-bottom:8px !important}.sec-title p{margin-top:0}.disclaimer p.bold{font-weight:700;margin-bottom:10px}.disclaimer p{font-size:12px;margin:0}@keyframes timeline{0%{height:10px}100%{height:100%}}.accordion-container{width:100%}.accordion-container .accordion-item{border-bottom:1px solid #ebeae7;cursor:pointer;padding:20px 0}.accordion-container .accordion-item h4,.accordion-container .accordion-item h3{margin:0;font-size:20px;line-height:1.5;letter-spacing:-0.35px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-right:16px}.accordion-container .accordion-item .accordion-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}.accordion-container .accordion-item .accordion-head.active h3{color:#006deb}.accordion-container .accordion-item .accordion-head.active .plusminus::before{content:"−"}.accordion-container .accordion-item .accordion-body{padding-top:16px;max-width:90%}.accordion-container .accordion-item .accordion-body p a{color:#000}.accordion-container .accordion-item .plusminus{font-size:24px;font-weight:200;border:1px solid #444;width:24px;height:24px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:100px;color:#444;position:relative;top:0}.accordion-container .accordion-item .plusminus::before{position:absolute;content:"+";top:0}.accordion-container .accordion-body{display:none}@media screen and (max-width:767px){.faq-content-section .faq-container{padding:60px 16px}#network-traffic-monitor .online-demo-cta-section .online-demo-row{padding:50px 20px}}.accord-icon{position:absolute;right:30px;top:13px}.accord-icon:before{content:'';display:block;height:3px;width:22px;background:#07478e;position:absolute;right:0}.accord-icon:after{content:"";display:block;width:3px;height:22px;background:#07478e;position:absolute;right:9px;top:-9px;opacity:1;transition:.5s all ease}.accordion-head.active .accord-icon:after{transform:rotate(90deg);opacity:0}@media screen and (max-width:1025px){.accord-icon{top:10px;right:20px}}.intro-video-con img{max-width:720px;width:100%}.intro-video-con{display:flex;justify-content:center;align-items:center;position:relative}.intro-video-con .video-play-button{width:64px;height:64px;border-radius:100px;background-color:#e80e19;border:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-box-shadow:0 6px 24px 3px rgb(0 0 0 / 75%);box-shadow:0 6px 24px 3px rgb(0 0 0 / 75%);cursor:pointer}.intro-video-con .video-play-button .video-play-icon{-webkit-box-sizing:border-box;box-sizing:border-box;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid #fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-32%,-50%);transform:translate(-32%,-50%);width:20px;height:20px}.modal-overlay .modal .modal-content{display:none}