@font-face {
  font-family: "ZohoPuvi";
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extralight.eot);
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extralight.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extralight.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extralight.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extralight.ttf) format("truetype");
  font-style: normal;
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: "ZohoPuvi";
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.eot);
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.ttf) format("truetype");
  font-style: normal;
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: "ZohoPuvi";
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.eot);
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.ttf) format("truetype");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "ZohoPuvi";
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular_italic.eot);
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular_italic.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular_italic.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular_italic.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular_italic.ttf) format("truetype");
  font-style: italic;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "ZohoPuvi";
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.eot);
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "ZohoPuvi";
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.eot);
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.ttf) format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "ZohoPuvi";
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold_italic.eot);
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold_italic.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold_italic.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold_italic.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold_italic.ttf) format("truetype");
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "ZohoPuvi";
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.eot);
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.ttf) format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "ZohoPuvi";
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold_italic.eot);
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold_italic.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold_italic.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold_italic.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold_italic.ttf) format("truetype");
  font-style: italic;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "ZohoPuvi";
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.eot);
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.ttf) format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "ZohoPuvi";
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_black.eot);
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_black.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_black.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_black.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_black.ttf) format("truetype");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "ZohoPuvi";
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrablack.eot);
  src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrablack.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrablack.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrablack.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrablack.ttf) format("truetype");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}
* {
  margin: 0;
  padding: 0;
}

.network-monitor-app {
  padding: 0;
  font-family: "ZohoPuvi", sans-serif;
}
.network-monitor-app p {
  line-height: 34px;
  font-size: 18px;
  font-weight: 300;
  padding-top: 5px;
  margin-bottom: 20px;
}
.network-monitor-app .hero-section {
  background: linear-gradient(#D9FFF7 20%, transparent);
}
.network-monitor-app .hero-section .hero-content {
  max-width: 1200px;
  padding: 60px 10px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 80px;
       column-gap: 80px;
}
.network-monitor-app .hero-section .hero-content .hero-text-content {
  width: 60%;
}
@media (max-width: 1024px) {
  .network-monitor-app .hero-section .hero-content .hero-text-content {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .network-monitor-app .hero-section .hero-content {
    flex-direction: column-reverse;
    row-gap: 50px;
    padding-bottom: 0;
  }
}
.network-monitor-app .hero-section .hero-content .hero-title {
  font-weight: 600;
  font-size: 48px;
  margin-bottom: 0;line-height:1.2;
}
.network-monitor-app .hero-section .hero-content .hero-image {
  width: 50%;
  text-align: center;
}
@media (max-width: 1024px) {
  .network-monitor-app .hero-section .hero-content .hero-image {
    width: 100%;
  }
}
.network-monitor-app .hero-section .hero-content .hero-image img {
  max-width: 100%;
}
.network-monitor-app .network-monitor-text-content {
  max-width: 1200px;
  padding-top:32px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 auto;
}
.network-monitor-app .modern-network-use-cases {
  max-width: 1200px;
  padding:100px 10px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .network-monitor-app .modern-network-use-cases {
    flex-direction: column;
  }
}
.network-monitor-app .modern-network-use-cases .use-case-card {
  width: 42%;
  height: 100%;
  border: 1px solid #707070;
  border-radius: 6px;
}
@media (max-width: 768px) {
  .network-monitor-app .modern-network-use-cases .use-case-card {
    display: none;
  }
}
.network-monitor-app .modern-network-use-cases .use-case-card.dark {
  background: #437171;
  color: #ffffff;
}
.network-monitor-app .modern-network-use-cases .use-case-card.dark .tabs-container .tab-nav {
  color: #ffffff;
  line-height: 1.35;padding:24px;
}
.network-monitor-app .modern-network-use-cases .use-case-card .card-header {
  padding: 30px;
  line-height: 32px;
  font-size: 18px;
  border-bottom: 1px solid #619090;
}
.network-monitor-app .modern-network-use-cases .use-case-card .card-header h4 {
  font-weight: 500;color:#fff;font-size:18px;line-height:1.7;
}
/*.network-monitor-app .modern-network-use-cases .use-case-card .card-body {
  padding: 30px;
}*/
.network-monitor-app .modern-network-use-cases .tabs-container {
  display: flex;
  flex-direction: column;
  /*row-gap: 35px;*/
}
.network-monitor-app .modern-network-use-cases .tabs-container .tab-nav {
  display: flex;
  align-items: center;
  color: #000000;
  text-decoration: none;
  font-weight: 300;
  font-size: 18px;
}
.network-monitor-app .modern-network-use-cases .use-case-card.dark .tabs-container .tab-nav:hover {background:#376968;}
.network-monitor-app .modern-network-use-cases .tabs-container .tab-nav .icon-fea {
  width: 24px;
  height: 24px;
  margin-right: 24px;
}
.network-monitor-app .modern-network-use-cases .tabs-container .tab-nav.active {
  font-weight: 600;background:#174a49;pointer-events:none;position:relative;
}
.network-monitor-app .modern-network-use-cases .tabs-container .tab-nav.active::after{content:"";position:absolute;border:16px solid #174a49;border-top:16px solid transparent;border-bottom:16px solid transparent;border-right:0;right: -16px;top: 30%;}
.network-monitor-app .modern-network-use-cases .tabs-contents {
  width: 100%;
  max-width: 50%;
}

.sec-wrapper {position:relative;}
.sec-wrapper > .sec-row:nth-child(odd) {background: #f3f3f3;}


@media (max-width: 768px) {
  .network-monitor-app .modern-network-use-cases .tabs-contents {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .network-monitor-app .modern-network-use-cases .tabs-contents .tab {
    margin-bottom: 100px;
  }
}
.network-monitor-app .modern-network-use-cases .tabs-contents .tab-heading {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 30px;
  line-height: 1.35;
}
@media (max-width: 768px) {
  .network-monitor-app .modern-network-use-cases .tabs-contents .tab-heading {
    margin-bottom: 12px;
  }
}
.network-monitor-app .modern-network-use-cases .tabs-contents .swiper {
  width: 100%;
  height: 300px;
}
.network-monitor-app .modern-network-use-cases .tabs-contents .swiper figure {
  width: 100%;
  height: 100%;
}
.network-monitor-app .modern-network-use-cases .tabs-contents .swiper figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.network-monitor-app .modern-network-use-cases .tabs-contents .swiper-container {
  position: relative;
  padding: 40px 0px;
  margin: 40px 0px;
}
.slide-wrapper {position:relative;}
/*.slide-wrapper::before {
  content: "";
  width: 50%;
  padding: 40px 50px;
  padding-bottom: 0;
  height: 295px;
  left: -100px;
  top: 0;
  background-color: #F8F8F8;
  display: block;
  position: absolute;
  z-index: -1;
}*//*# sourceMappingURL=style.css.map */