@import url("https://www.tenable.com/lp/assets/css/aeonik-font.css");

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Aeonik Pro";
}
img {
  image-rendering: -webkit-optimize-contrast;
  width: 100%;
}
a {
  text-decoration: none;
}
.container {
  max-width: 1230px !important;
  width: 100% !important;
  margin: 0 auto;
  padding: 0 15px;
}
body {
  background: #eeeff5;
}
.form-overlay {
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #0000009e;
  z-index: 2;
}
.page-wrapper {
  overflow: hidden;
}
body.pop-opened:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #0000009e;
  z-index: 1;
}
/* Header */
.header {
  background-color: #121212;
}
.header .logo {
  max-width: 401px;
  display: block;
  padding: 14px 0 10px;
}

/* Hero Section */
.hero {
  padding: 98px 0 61px;
  position: relative;
}

.hero .hero-wrap {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  align-self: stretch;
}

.hero:after {
  display: block;
  position: absolute;
  top: 70px;
  right: 0;
  width: 100%;
  max-width: 1440px;
  height: 889px;
  background-image: url("https://res.cloudinary.com/spiralyze/image/upload/f_auto/tenable/5036/hero-ui-desktop.webp");
  background-size: 100% auto;
  background-position: top right;
  background-repeat: no-repeat;
  z-index: -1;
  pointer-events: none;
}
.hero .container {
}

.hero-content {
  max-width: 585px;
  width: 100%;
}

.hero .hero-wrap .hero-image {
  margin-right: -169px;
  padding-top: 0;
  margin-top: 1px;
}

.hero .hero-wrap .hero-image img {
  max-width: 754px;
  width: 100%;
}

.hero-title {
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  color: #111;
  margin-bottom: 38px;
}
.hero-title span {
  color: var(--Product-Cloud-Orange, #ff5200);
  display: block;
}
.hero-subtitle {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: var(--Cloud-Security-off-black, #111);
  padding-right: 32px;
  margin-bottom: 27px;
}
.hero-buttons .btn {
  display: inline-block;
  min-width: 150px;
  height: 57px;
  border-radius: 100px;
  color: white;
  line-height: 55px;
  padding: 0 24px;
  margin: 0 6px 0 0;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  cursor: pointer;
}
.hero-buttons .btn-primary {
  background: var(--Product-Cloud-Orange, #ff5200);
  border: 1px solid #ff5200;
}
.hero-buttons .btn-secondary {
  border: 2px solid #ff5200;
  color: var(--Product-Cloud-Orange, #ff5200);
  line-height: 51px;
}
@media (hover: hover) {
  .hero-buttons .btn-primary:hover {
    background: #e1340a;
  }
  .hero-buttons .btn-secondary:hover {
    border: 2px solid #e1340a;
    color: #e1340a;
  }
}
.hero-buttons .btn-primary:active {
  background: #e1340a;
}
.hero-buttons .btn-secondary:active {
  border: 1px solid #e1340a;
  color: #e1340a;
}
@media (max-width: 1160px) {
  .hero:after {
    height: 640px;
    background-size: 82% auto;
    background-position: center right;
  }
}
@media (max-width: 1024.98px) {
  .container {
    padding: 0 40px;
    max-width: 768px !important;
  }
  .hero {
    padding: 80px 0 37px;
  }
  .hero:after {
    height: 1367px;
    background-size: 133% auto;
    background-position: center center;
    background-image: url("https://www.tenable.com/lp/campaigns/25/tenable-tcs-v2/img/hero-bc-768.webp");
    max-width: 768px;
    right: 0;
    margin: auto;
  }

  .hero .hero-wrap {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 23px;
  }

  .hero-content {
    max-width: 100%;
  }
  .hero-subtitle {
    padding-right: 0;
    margin-bottom: 25.5px;
  }
  .hero-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 344px;
    width: 100%;
    margin: 0 auto;
  }

  .hero-buttons .btn {
    height: 56px;
  }

  .hero-buttons .btn {
    padding: 0 23px;
    margin: 0 auto;
  }

  .hero .hero-wrap .hero-image {
    margin: 0px -10px;
  }

  .hero .hero-wrap .hero-image img {
    max-width: 709px;
  }
}
@media (max-width: 767.98px) {
  .container {
    padding: 0 20px;
    max-width: 360px !important;
  }

  .header .logo {
    padding: 15px 0 15px;
  }
  .hero {
    padding: 58px 0 42px;
  }
  .hero:after {
    background-image: url("https://www.tenable.com/lp/campaigns/25/tenable-tcs-v2/img/hero-bc-360.webp");
    background-size: 767px auto;
    max-width: 768px;
    height: 1322px;
  }
  .hero .hero-wrap {
    gap: 16px;
  }
  .hero-title {
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 124%;
    text-align: center;
    margin-bottom: 36px;
  }
  .hero-subtitle {
    text-align: center;
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 29.5px;
  }

  .hero-buttons {
    flex-direction: column;
    max-width: 100%;
  }
  .hero-buttons .btn {
    width: 100%;
    margin-bottom: 10px;
  }

  .hero .hero-wrap .hero-image {
    margin: 0px -5px;
  }
}
/*hero update*/
.form-overlay {
  z-index: 1000;
}
.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: #111;
}
.header a {
  display: block;
  float: left;
}
.header button.spz-demo-cta {
  float: right;
  width: 150px;
  height: 52px;
  border-radius: 100px;
  background-color: #ff5200;
  border: 1px solid #ff5200;
  color: var(--Basic-White, #fff);
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 11px;
  padding-bottom: 2px;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out;
}
.header.active button.spz-demo-cta {
  opacity: 1;
  pointer-events: all;
}
@media (hover: hover) {
  .header button.spz-demo-cta:hover {
    background: #e1340a;
  }
}
.header button.spz-demo-cta:active {
  background: #e1340a;
}
.hero {
  margin-top: 74px;
}
@media (max-width: 767.98px) {
  .header button.spz-demo-cta {
    width: 100%;
    margin: -3px auto 13px;
    height: 48px;
    display: none;
  }
  .header.active button.spz-demo-cta {
    display: flex;
  }
}
/*hero update end*/
/*client logo*/
.client-logo {
  padding: 30px 0 30px;
  position: relative;
}
.client-logo:after {
  content: "";
  width: 960px;
  height: 971px;
  background-image: url("https://res.cloudinary.com/spiralyze/image/upload/v1748519586/tenable/4030/ellipse_9.svg");
  background-size: cover;
  position: absolute;
  top: -477px;
  left: calc(100% - 296px);
  z-index: -1;
  pointer-events: none;
  opacity: 0.8;
}
.client-logo-heading {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  color: var(--off-black, #111);
  text-align: center;
  margin-bottom: 10px;
}
.client-logo-subheading {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: var(--off-black, #111);
  text-align: center;
  margin-bottom: 35px;
}
.client-logo-image {
  display: block;
}
.client-logo-image img {
  max-width: 100%;
  display: block;
}
@media (max-width: 1024.98px) {
  .client-logo {
    padding: 35px 0 59px;
  }
  .client-logo:after {
    content: none;
  }
  .client-logo-heading {
    padding: 0 112px;
  }
  .client-logo-subheading {
    margin-bottom: 36px;
  }
}
@media (max-width: 767.98px) {
  .client-logo {
    padding: 7px 0 12px;
  }
  .client-logo-heading {
    font-size: 20px;
    line-height: 150%; /* 30px */
    padding: 0 35px;
  }

  .client-logo-subheading {
    font-size: 18px;
    font-style: normal;
  }
}

/*accordion*/
.accordion-section {
  padding: 52px 0 69px;
  overflow: hidden;
  position: relative;
}

.accordion-section:before {
  content: "";
  position: absolute;
  width: 960px;
  height: 971px;
  background-image: url("https://res.cloudinary.com/spiralyze/image/upload/v1748519586/tenable/4030/ellipse_9.svg");
  background-size: cover;
  top: 148px;
  right: calc(100% - 407px);
  z-index: -1;
  pointer-events: none;
  opacity: 0.8;
}

.accordion-section .accordion-content-wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.accordion-section .accordion-content.active {
  display: block;
}

.accordion-section .accordion-content .accordion-img-wrap {
}
.accordion-section .accordion-content .accordion-img-wrap img {
  border-radius: 6px;
}

.accordion-section .container {
  max-width: 100% !important;
  padding: 0;
}

.accordion-section .accordion-content {
  border-radius: 6px;
  max-width: 930px;
  width: 100%;
  min-height: 504px;
  margin: 32px 20px 2px;
}
.accordion-section .accordion-content.slick-current {
  opacity: 1;
  transform: unset;
  max-width: 1060px;
  margin: 0 20px;
  transition: all 0.3s ease;
}
.accordion-section .accordion-content .accordion-img-wrap {
  grid-row: 1;
}

.accordion-section .slick-list.draggable {
  order: 1;
  margin-bottom: 50px;
}
.accordion-section .slick-dots {
  position: relative;
  order: 3;
  width: auto;
  font-size: 0;
  display: flex;
  align-items: center;
  margin: 0 8px;
  transform: none !important;
  left: auto;
  right: auto;
  bottom: auto !important;
  top: auto !important;
  max-width: calc(100% - 64px);
}
.accordion-section .slick-dots li {
  width: auto;
  height: auto;
  margin: 0 8px;
}
.accordion-section .slick-dots li button {
  background-color: #cbd5e1;
  width: 10px;
  height: 10px;
  border-radius: 100px;
  padding: 0;
}
.accordion-section .slick-dots li button::before {
  content: none;
}
.accordion-section .slick-dots li.slick-active button {
  background: #041e42;
  width: 10px;
  height: 10px;
}

.accordion-section .custom-arrow {
  position: relative;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  z-index: 10;
  top: auto;
  right: auto !important;
  left: auto !important;
  transform: none !important;
  bottom: auto !important;
  width: 32px !important;
  height: 32px !important;
}

.accordion-section .custom-arrow::before {
  display: none;
}

.accordion-section .slick-prev {
  order: 2;
}

.accordion-section .slick-next {
  order: 4;
}

.accordion-section .custom-arrow img {
  width: 32px;
  height: 32px;
  display: block;
}

@media (max-width: 1024.98px) {
  .accordion-section {
    overflow: visible;
    padding: 58px 0 50px;
  }

  .accordion-section:before {
    top: -186px;
    right: calc(100% - 320px);
  }

  .accordion-section .slick-list.draggable {
    margin-bottom: 40px;
  }

  .accordion-section .accordion-content {
    max-width: 520px;
    min-height: 263px;
    margin: 20px 0px 21px;
  }

  .accordion-section .accordion-content.slick-current {
    max-width: 600px;
    min-height: 304px;
  }

  .accordion-section .slick-dots {
    bottom: -71px;
  }

  .accordion-section .custom-arrow {
    bottom: -70.5px;
  }

  .accordion-section .slick-prev {
    left: 29.6%;
  }

  .accordion-section .slick-next {
    right: 31.1%;
  }
}
@media (max-width: 767.98px) {
  .accordion-section {
    padding: 6px 0 31px;
  }

  .accordion-section:before {
    top: -340px;
    right: calc(100% - 225px);
  }

  .accordion-section .accordion-content.slick-current {
    max-width: 320px;
    min-height: unset;
    padding: 24px 0px 0;
    width: 100%;
  }

  .accordion-section .slick-next {
    right: 9.6%;
  }

  .accordion-section .slick-prev {
    left: 6.4%;
  }

  .accordion-section .accordion-content {
    border-radius: 20px;
    padding: 24px 0px 0;
    min-height: unset;
    width: 100%;
    max-width: 320px;
    margin: 0;
  }

  .accordion-section .accordion-content .accordion-heading {
    display: grid;
    margin: 24px 0 0px;
    font-size: 24px;
    line-height: 120%;
    row-gap: 14px;
    padding-right: 10px;
  }

  .accordion-section .accordion-content .accordion-heading .orange-icon {
    width: 32px;
    transform: translateY(0px);
  }
  .accordion-section .accordion-content .accordion-heading .acronym {
    color: var(--off-black, #111);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin: -3px 0 4px;
  }
  .accordion-section .accordion-content .accordion-sub-heading {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .accordion-section .accordion-content .accordion-dis {
    font-size: 16px;
    margin-bottom: 25px;
  }
}
/* badges section */
.badges-section {
  padding: 73px 0 48px;
  position: relative;
}

.badges-section:before {
  content: "";
  width: 960px;
  height: 971px;
  background-image: url("https://res.cloudinary.com/spiralyze/image/upload/v1748519586/tenable/4030/ellipse_9.svg");
  background-size: cover;
  position: absolute;
  top: -1129px;
  right: calc(100% - 271px);
  z-index: -1;
  pointer-events: none;
  opacity: 0.8;
}

.badges-section .container {
}
.badges-section .badge-heading {
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: 124%;
  color: var(--off-black, #111);
  text-align: center;
  margin: 0 auto 14px;
}
.badges-section .badge-sub-heading {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: var(--off-black, #111);
  text-align: center;
  margin: 0 auto 50px;
  max-width: 844px;
}
.badges-section .badge-image img {
  max-width: 808px;
  display: block;
  margin: 0 auto;
}
@media (max-width: 1024.98px) {
  .badges-section {
    padding: 42px 0;
  }

  .badges-section:before {
    top: -1325px;
    right: calc(100% - 277px);
  }
}
@media (max-width: 767.98px) {
  .badges-section {
    padding: 49px 0 30px;
  }

  .badges-section:before {
    top: -1561px;
    right: calc(100% - 200px);
  }

  .badges-section .badge-heading {
    font-size: 28px;
    line-height: 120%;
    margin: 0 auto 17px;
  }
  .badges-section .badge-sub-heading {
    font-size: 18px;
    margin: 0 auto 49px;
  }
}

/* Real Word Result Starts */
.real-world-results {
  padding: 80px 20px 74px;
  background: var(
    --Gradient-Dark,
    linear-gradient(90deg, #000026 0%, #00005b 100%)
  );
}

.real-world-results .rw-heading {
  color: #111;
  text-align: center;
  font-size: 46px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 55.2px */
  margin-bottom: 24px;
}

.real-world-results .rw-sub-heading {
  color: #111;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  max-width: 532px;
  margin: 0 auto 60px;
}

.results-wrapper {
  display: flex;
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
}

.result-card {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  border: 1px solid transparent;
  background: linear-gradient(
        204deg,
        rgba(255, 255, 255, 0.8) 54.77%,
        rgba(205, 214, 220, 0.8) 104.42%
      )
      padding-box,
    linear-gradient(180deg, #ffffff 0%, #a9becc 100%) border-box;
  box-shadow: 0 14px 26px rgba(30, 41, 59, 0.1);
  backdrop-filter: blur(70px);
}

.result-image {
  position: relative;
  background: radial-gradient(
      154.63% 154.63% at 50% 51.64%,
      rgba(172, 192, 205, 0) 0%,
      rgba(172, 192, 205, 0.6) 100%
    ),
    rgba(255, 255, 255, 0.2);
}

.result-image img {
  width: 100%;
  display: block;
}

.result-badge {
  position: absolute;
  bottom: 16px;
  left: 16px;
  width: 40px;
  height: 40px;
  background: #ff6a00;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

.result-content {
  padding: 39px 30px;
}

.result-content h3 {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 28.8px */
  margin-bottom: 10px;
}

.result-content p {
  color: #111;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
  opacity: 0.7;
}

/* Tablet */
@media (max-width: 1024.98px) {
  .real-world-results {
    padding: 80px 0px 74px;
  }

  .real-world-results .container {
    padding: 0 65px;
  }

  .results-wrapper {
    flex-direction: column;
    gap: 43px;
  }

  .result-card {
    flex: 0 0 calc(50% - 20px);
    flex-direction: row-reverse;
  }

  .result-card:last-child:nth-child(odd) {
    margin: 0 auto;
  }

  .result-image {
    flex: 0 0 330px;
    max-width: 330px;
  }

  .result-content {
    flex: 0 0 358px;
    max-width: 358px;
    padding: 29px 30px;
  }
}

/* Mobile */
@media (max-width: 767.98px) {
  .real-world-results {
    padding: 76px 0px 11px;
  }

  .real-world-results .container {
    padding: 0 10px;
  }

  .results-wrapper {
    gap: 45px;
  }

  .real-world-results .rw-heading {
    font-size: 34px;
    font-style: normal;
  }

  .real-world-results .rw-sub-heading {
    font-size: 18px;
  }

  .result-card {
    flex: 1;
    flex-direction: column;
  }

  .result-image,
  .result-content {
    flex: unset;
    max-width: unset;
  }

  .result-content h3 {
    font-size: 20px;
    margin-bottom: 13px;
  }
}

/* Real Word Result Ends   */

/* RQD Start */
.req-demo {
  padding: 81px 0 69px;
  background: radial-gradient(
    50% 100% at 50% 100%,
    #992201 0%,
    var(--off-black, #111) 100%
  );
}

.req-demo .req-demo-wrap {
  text-align: center;
}

.req-demo .req-demo-wrap h2 {
  color: #eeeff5;
  text-align: center;
  font-size: 49px;
  font-style: normal;
  font-weight: 700;
  line-height: 64px; /* 130.612% */
  margin-bottom: 15px;
}

.req-demo .req-demo-wrap p {
  display: none;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  margin-bottom: 60px;
}

.req-demo .req-demo-wrap button {
  display: inline-block;
  min-width: 150px;
  height: 57px;
  border-radius: 100px;
  color: white;
  line-height: 55px;
  padding: 0 24px;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  cursor: pointer;
  background: var(--Product-Cloud-Orange, #ff5200);
  border: 1px solid #ff5200;
}

@media (hover: hover) {
  .req-demo .req-demo-wrap button:hover {
    background: #e1340a;
  }
}

/* Tablet */
@media (max-width: 767.98px) {
  .req-demo {
    padding: 62px 0 60px;
  }

  .req-demo .req-demo-wrap h2 {
    font-size: 34px;
    font-weight: 500;
    line-height: 124%; /* 42.16px */
  }

  .req-demo .req-demo-wrap p {
    font-size: 18px;
    margin-bottom: 38px;
  }
}

/* RQD Start */

/* Insight Start */
.insight-links {
  padding-bottom: 40px;
}

.insight-links.insight-links-bg {
  position: relative;
}

.insight-links.insight-links-bg::before {
  content: "";
  position: absolute;
  width: 960px;
  height: 971px;
  background-image: url("https://res.cloudinary.com/spiralyze/image/upload/v1748519586/tenable/4030/ellipse_9.svg");
  background-size: cover;
  top: -93px;
  right: calc(100% - 383px);
  z-index: -1;
  pointer-events: none;
  opacity: 0.8;
}

.insight-links .heading {
  color: #111;
  font-size: 34px;
  font-weight: 500;
  line-height: 124%;
  font-style: normal;
  text-align: center;
  margin-bottom: 60px;
}

.insight-links .insight-links-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 32px 30px;
}

.insight-links .insight-link {
  padding: 32px 26px;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  border-radius: 10px;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.08);
  border: 1px solid transparent;
  background: linear-gradient(
        359deg,
        rgb(255 255 255 / 90%) 16.42%,
        rgba(205, 214, 220, 0.7) 174.99%
      )
      padding-box,
    linear-gradient(180deg, #ffffff 0%, #a9becc 100%) border-box;
}

.insight-links .insight-link:nth-child(3) img {
  width: 218px;
  margin: 0 0 45px;
}

.insight-links .insight-link img {
  width: 110px;
  margin: 0 0 22px;
  border-radius: 6px;
  border: 1px solid #cbd5e1;
  box-shadow: 0 4px 16px 0 rgba(4, 30, 66, 0.06);
}

.insight-links .insight-link .bold {
  font-size: 24px;
  color: #111;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 36px */
  margin-bottom: 10px;
}

.insight-links .insight-link .norm {
  font-size: 18px;
  color: #111;
  min-height: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
  margin-bottom: 28px;
}

.insight-links .insight-link a {
  padding: 6px 0;
  font-size: 16px;
  font-weight: 700;
  color: #111;
  display: inline-block;
  margin-top: auto;
  width: fit-content;
}

.insight-links .insight-link a:hover svg,
.insight-links .insight-link a:active svg {
  transform: translate(10px, 1px);
  transition: all 0.2s ease-in-out;
}

.insight-links .insight-link a:active {
  text-decoration: underline;
}

.insight-links .insight-link a svg {
  vertical-align: bottom;
  transform: translateY(1px);
  margin-left: 6px;
}

@media (max-width: 1024.98px) {
  .insight-links {
    padding-top: 40px;
  }

  .insight-links .insight-links-wrapper {
    grid-template-columns: 1fr 1fr;
    gap: 29px 29px;
  }

  .insight-links
    .insight-links-wrapper
    .insight-link:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    justify-self: center;
    width: 100%;
    max-width: 329px;
    margin: 0 auto;
  }

  .insight-links .insight-link {
    grid-template-rows: auto auto auto 1fr;
  }

  .insight-links .insight-link .bold {
    margin-top: -2px;
    font-size: 20px;
    line-height: 150%; /* 30px */
  }

  .insight-links .insight-link .norm {
    min-height: auto;
    margin-bottom: 1px;
  }

  .insight-links .insight-link:nth-child(3) .norm {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .insight-links {
    padding-top: 0;
  }

  .insight-links.insight-links-bg::before {
    display: none;
  }

  .insight-links .container {
    padding: 0 16px;
  }

  .insight-links .heading {
    font-size: 34px;
    padding: 0px 45px;
    margin-bottom: 40px;
  }

  .insight-links .insight-links-wrapper {
    row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .insight-links .insight-link {
    padding: 31px 25px 29px;
    display: block;
  }

  .insight-links .insight-link img {
    margin-bottom: 22px;
  }

  .insight-links .insight-link .bold {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
  }

  .insight-links .insight-link:nth-child(3) img {
    width: 218px;
    margin: 0 0 21px;
  }
}

.insight-links.features-links {
  margin-top: 100px;
  margin-bottom: 62px;
  scroll-margin-top: 90px;
}

.insight-links.features-links .insight-link {
  border: 1px solid transparent;
  background: linear-gradient(
        359deg,
        rgba(255, 255, 255, 0.7) 16.42%,
        rgba(205, 214, 220, 0.7) 174.99%
      )
      padding-box,
    linear-gradient(180deg, #ffffff 0%, #a9becc 100%) border-box;
  padding: 0;
}

.insight-links.features-links .heading {
  color: var(--Basic-Midnight-Blue, #041e42);
  font-size: 46px;
  line-height: 120%;
  margin-bottom: 60px;
}

.insight-links.features-links .insight-link img {
  width: 100%;
  border: unset;
  box-shadow: unset;
  border-radius: unset;
  margin: 0 0 -2px;
}

.insight-links.features-links .insight-link .bold {
  margin-bottom: 0px;
}

.insight-links.features-links .insight-link .bold,
.insight-links.features-links .sub-bold {
  padding: 0 30px 0;
}

.insight-links.features-links .insight-link:nth-child(9) .bold {
  margin-bottom: 10px;
}

.insight-links.features-links .insight-links .insight-link:nth-child(3) img {
  margin-bottom: 20px;
}

.insight-links.features-links .sub-bold {
  color: #111;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 30px */
  opacity: 0.9;
  margin-bottom: 11px;
}

.insight-links.features-links .norm {
  opacity: 0.7;
  padding: 0 30px 0;
  margin-top: auto;
  margin-bottom: 29px;
}

@media (max-width: 1024.98px) and (min-width: 992px) {
  .insight-links.features-links {
    margin-top: 80px;
    margin-bottom: 41px;
  }
}

@media (max-width: 1024.98px) {
  .insight-links.features-links {
    margin-top: 41px;
    margin-bottom: 21px;
  }

  .insight-links.features-links .insight-links-wrapper {
    gap: 33px 29px;
  }

  .insight-links.features-links .insight-link img {
    margin: 0 0 28px;
  }

  .insight-links.features-links .insight-link .bold,
  .insight-links.features-links .sub-bold {
    padding: 0 23px 0;
    margin-top: -4px;
  }

  .insight-links.features-links .norm {
    margin-bottom: 22px;
    padding: 0 23px 0;
  }

  .insight-links.features-links .insight-link:nth-child(8) .norm,
  .insight-links.features-links .insight-link:nth-child(9) .norm {
    margin-top: 2px;
  }

  .insight-links.features-links .insight-link:nth-child(3) .norm {
    display: block;
  }

  .insight-links.features-links .insight-link .bold {
    font-size: 24px;
    color: #111;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 5px;
  }
}

@media (max-width: 767.98px) {
  .insight-links.features-links {
    margin-top: 61px;
    scroll-margin-top: 135px;
  }

  .insight-links.features-links {
    position: relative;
  }

  .insight-links.features-links::before {
    content: "";
    position: absolute;
    width: 960px;
    height: 971px;
    background-image: url("https://res.cloudinary.com/spiralyze/image/upload/v1748519586/tenable/4030/ellipse_9.svg");
    background-size: cover;
    top: calc(50% - 477px);
    right: calc(100% - 338px);
    z-index: -1;
    pointer-events: none;
    opacity: 0.8;
  }

  .insight-links.features-links .container {
    padding: 0 20px;
  }

  .insight-links.features-links .heading {
    font-size: 34px;
    line-height: 124%; /* 42.16px */
  }

  .insight-links.features-links .insight-link img {
    margin: 0 0 -3px;
  }

  .insight-links.features-links .insight-links-wrapper {
    gap: 32px 29px;
  }
}

/* .insight-links.features-links {
} */
/* Insight Ends */

/* Faq Section */
.fq-section {
  position: relative;
  z-index: 2;
  padding: 61px 0 98px;
  margin-bottom: 0px;
  overflow: hidden;
}

.fq-section::before {
  content: "";
  width: 960px;
  height: 971px;
  background-image: url("https://res.cloudinary.com/spiralyze/image/upload/v1748519586/tenable/4030/ellipse_9.svg");
  background-size: cover;
  position: absolute;
  bottom: -433px;
  left: calc(100% - 395px);
  z-index: -1;
  pointer-events: none;
  opacity: 0.8;
}

.fq-section .heading {
  color: #111;
  text-align: center;
  font-size: 34px;
  font-weight: 500;
  line-height: 124%;
  max-width: 714px;
  width: 100%;
  margin: 0 auto 38px;
}
.fq-section .heading br {
  display: none;
}
.fq-section .sub-copy {
  color: #041e42;
  text-align: center;
  font-family: "Aeonik Pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 27px */
  margin-bottom: 60px;
  max-width: 858px;
  width: 100%;
  margin: 0 auto 64px;
}

.fq-section .fq-section-wrapper {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 2px;
  width: 840px;
  max-width: 100%;
  margin: 0 auto;
}

@media (max-width: 1024.98px) {
  .fq-section .fq-section-wrapper {
    padding-bottom: 0;
  }
}

.fq-faq-wapper {
  max-width: 543px;
  width: 100%;
}

.fq-section .fq-faq-wrapper {
  max-width: 100%;
  width: 100%;
}

.fq-section .faq-item {
  padding: 25px 0 23px;
  overflow: hidden;
}

.fq-section .faq-item.open {
  padding: 25px 0 23px;
}

.fq-section .faq-title {
  position: relative;
  color: #111;
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
  cursor: pointer;
  padding-right: 18px;
}

.fq-section .faq-title svg {
  display: none;
}

.fq-section .faq-title:after {
  content: "";
  position: absolute;
  width: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_27323_10202)'%3E%3Cpath d='M3.75 12H20.25' stroke='%23111111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 3.75V20.25' stroke='%23111111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_27323_10202'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  height: 24px;
  right: 0;
  top: calc(50% - 1px);
  transform: translateY(-50%);
}

.fq-section .faq-title.open:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_27323_10195)'%3E%3Cpath d='M3.75 12H20.25' stroke='%23111111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_27323_10195'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.fq-section .faq-title.open {
  /* color: #111; */
  margin-bottom: 21px;
}
@media (max-width: 1024.98px) {
  .fq-section .faq-title br {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .fq-section .faq-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    padding-right: 46px;
  }
}

.fq-section .faq-text {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: #fff;
  max-width: 100%;
  width: 100%;
  margin-top: 15px;
  transition: height 02s ease, opacity 0.2s ease;
  height: 0;
  opacity: 0;
  pointer-events: none;
  display: block;
}

.fq-section .faq-text.open {
  opacity: 1;
  overflow: visible;
  pointer-events: initial;
}

.fq-section .faq-text p {
  color: #111;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  padding-right: 24px;
  opacity: 0.7;
}

.fq-section .faq-text p a {
  color: #111;
  text-decoration: underline;
}

@media (hover: hover) {
  .fq-section .faq-item a:hover {
    text-decoration: underline;
  }
}
.fq-section .faq-item a:active {
  text-decoration: underline;
}
.fq-section .faq-item a span {
  margin-left: 6px;
}

.fq-section .faq-item a:hover {
  text-decoration: underline;
}

.fq-section .faq-item a:hover:before {
  content: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #0087f5;
  bottom: -2px;
  left: 0;
  transition-property: left;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.fq-section .faq-title.pre_built.open {
  color: #0079dd;
}

@media (min-width: 1024.98px) and (max-width: 1919.98px) {
  .fq-section .faq-text {
    font-weight: 700;
  }
}

@media (max-width: 1024.98px) {
  .fq-section {
    padding: 61px 0 96px;
    position: relative;
    z-index: 1;
  }

  .fq-section::before {
    display: none;
  }

  .fq-section .container {
    padding: 0 40px;
    max-width: 100%;
  }

  .fq-section .heading {
    margin-bottom: 47px;
  }

  .fq-section .sub-copy {
    max-width: 634px;
    margin: 0 auto 40px;
  }

  .fq-section .fq-img-wrapper {
    display: none;
  }

  .fq-section .fq-section-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .fq-section .fq-faq-wrapper {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
  }

  .fq-section .faq-item {
    padding: 40px 0 7.5px;
    position: relative;
  }
  .fq-section .faq-item:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .fq-section .faq-item:last-child:after {
    content: none;
  }

  .fq-section .faq-item.open {
    padding-top: 17px;
    padding-bottom: 9.5px;
  }

  .fq-section .faq-text p {
    padding-right: 0;
  }

  .fq-section .faq-title {
  }

  .fq-section .faq-item .faq-img-mbl {
    display: block !important;
    margin-bottom: 13px;
    aspect-ratio: 1276 / 805;
  }

  .fq-section .faq-item .faq-img-mbl img {
    width: 100%;
    max-width: 100%;
    border-radius: 10px;
  }

  .fq-section .faq-text {
    font-size: 13px;
    line-height: 18px;
    max-width: 100%;
  }

  .fq-section .faq-block .faq-content {
    width: 100%;
  }

  .fq-section .faq-block .faq-content-img {
    max-width: 100%;
    width: 100%;
    margin: auto;
    padding: 0;
    margin-top: 18px;
  }

  .fq-section .faq-block .faq-content-img.open {
    opacity: 1;
    transition: opacity 2s ease 0.8s;
  }
}

@media (max-width: 767.98px) {
  .fq-section {
    padding: 23px 0 0px;
    margin-bottom: 71px;
  }

  .fq-section .container {
    padding: 0 20px;
    max-width: 390px;
  }

  .fq-section .heading {
    margin-bottom: 43px;
  }
  .fq-section .heading br {
    display: block;
  }

  .fq-section .sub-copy {
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    color: var(--Basic-Midnight-Blue, #041e42);
    margin: 0 auto 40px;
  }

  .fq-section .faq-item {
    padding: 38px 0 9.5px;
  }

  .fq-section .faq-text {
    padding: 0;
    margin-top: 19px;
  }

  .fq-section .faq-item.open {
    padding-top: 19px;
    padding-bottom: 0px;
  }

  .fq-section .faq-text.open {
    margin-bottom: 10px;
  }

  .fq-section .faq-title.open {
    margin-bottom: 0;
  }

  .fq-section .faq-block .faq-content-img {
    max-width: 100%;
    width: 100%;
    margin: auto;
    margin-top: 18px;
  }

  .fq-section .faq-item .faq-img-mbl {
    transform: translate(0, 0);
    aspect-ratio: 35 / 22;
  }

  .fq-section .faq-item .faq-img-mbl img {
    width: 100%;
    max-width: 100%;
  }

  .fq-section .faq-block .faq-content-img.open {
    transition: opacity 0.8s ease 0.8s;
  }

  .fq-section .faq-block .faq-content {
    opacity: 0;
  }

  .fq-section .open .faq-block .faq-content {
    opacity: 1;
    transition: opacity 1.5s ease 0.8s;
  }

  .fq-section .faq-text p {
    margin-top: 1px;
    padding-right: 0;
  }
  .fq-section .faq-text.open {
    margin-top: 23px !important;
  }
  .testimonial-block .quote {
    display: none;
  }

  .fq-section .faq-block {
    flex-direction: column-reverse;
  }
}

/* Faq Section ended */

/*footer form*/
.footer-form {
  margin: 0;
  padding: 60px 0;
  background: radial-gradient(
    50% 100% at 50% 100%,
    #992201 0%,
    var(--off-black, #111) 100%
  );
  overflow: hidden;
}
.footer-form .footer-form-wrap {
  display: grid;
  grid-template-columns: 491px 529px;
  justify-content: space-between;
}
.footer-form .footer-content {
}
.footer-form .footer-heading {
  font-size: 46px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  color: #eeeff5;
  margin: 31px 0 8px;
}
.footer-form .footer-sub-heading {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: var(--Basic-White, #fff);
  margin: 0 0 15px;
}
.footer-form .footer-discription {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: var(--Basic-White, #fff);
}
.footer-form .form-wrap {
}

/* form start */
.footer-form .form-content {
  width: 100%;
  position: relative;
  height: max-content;
  padding: 11px 0px 0;
}
.footer-form .form-content.form-popup {
  position: fixed;
  width: 100vw;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1001;
  padding: 60px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  overflow: auto;
  justify-content: center;
}
.footer-form .form-content.form-popup .form-wrap-wrap {
  background-color: #fff;
  border-radius: 20px;
  padding: 21px 40px 40px;
  width: 514px;
}
.footer-form .form-content .form-heading {
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  color: var(--Basic-White, #fff);
  margin-bottom: 24px;
}
.footer-form .form-content.form-popup .form-heading {
  color: #111;
  text-align: center;
}
.footer-form .form-flex {
  max-width: 530px;
  width: 100%;
  margin-right: 15px;
}

.footer-form .form-content .mktoForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 100% !important;
  width: 100% !important;
}

.footer-form .form-content .mktoFormRow {
  max-width: calc(50% - 8px);
  width: 100%;
}

.footer-form .form-content .mktoForm .mktoRequiredField .mktoAsterix {
  display: none !important;
}

.footer-form .form-content .mktoForm .mktoFieldDescriptor,
.footer-form .form-content .mktoForm .mktoFieldWrap {
  width: 100%;
}

.footer-form .form-content .mktoForm .mktoFormRow input[name="triggerGDPR"] {
  display: none;
}

.footer-form .form-content .mktoForm .field-wrap {
  position: relative;
  width: 100%;
}

.footer-form .form-content .mktoForm input[name="FirstName"],
.footer-form .form-content .mktoForm input[name="LastName"],
.footer-form .form-content .mktoForm input[name="Title"],
.footer-form .form-content .mktoForm input[name="Email"],
.footer-form .form-content .mktoForm input[name="Phone"],
.footer-form .form-content .mktoForm input[name="Company"],
.footer-form .form-content .mktoForm select[name="Employee_Range__c"],
.footer-form .form-content .mktoForm textarea[name="Comments__c"] {
  color: #fff;
  text-overflow: ellipsis;
  font-family: "Aeonik Pro";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  background: rgba(255, 255, 255, 0.1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
  height: 50px;
  line-height: 18px;
  padding: 10px 14px 0px;
}

.footer-form .form-content .mktoForm input[name="FirstName"]:hover,
.footer-form .form-content .mktoForm input[name="LastName"]:hover,
.footer-form .form-content .mktoForm input[name="Title"]:hover,
.footer-form .form-content .mktoForm input[name="Email"]:hover,
.footer-form .form-content .mktoForm input[name="Phone"]:hover,
.footer-form .form-content .mktoForm input[name="Company"]:hover,
.footer-form .form-content .mktoForm select[name="Employee_Range__c"]:hover,
.footer-form .form-content .mktoForm textarea[name="Comments__c"]:hover {
  border: 1.5px solid rgba(255, 255, 255, 0.5) !important;
}

.footer-form .form-content.form-popup .mktoForm input[name="FirstName"],
.footer-form .form-content.form-popup .mktoForm input[name="LastName"],
.footer-form .form-content.form-popup .mktoForm input[name="Title"],
.footer-form .form-content.form-popup .mktoForm input[name="Email"],
.footer-form .form-content.form-popup .mktoForm input[name="Phone"],
.footer-form .form-content.form-popup .mktoForm input[name="Company"],
.footer-form
  .form-content.form-popup
  .mktoForm
  select[name="Employee_Range__c"],
.footer-form .form-content.form-popup .mktoForm textarea[name="Comments__c"],
.footer-form .form-content.form-popup .mktoForm input[name="FirstName"]:hover,
.footer-form .form-content.form-popup .mktoForm input[name="LastName"]:hover,
.footer-form .form-content.form-popup .mktoForm input[name="Title"]:hover,
.footer-form .form-content.form-popup .mktoForm input[name="Email"]:hover,
.footer-form .form-content.form-popup .mktoForm input[name="Phone"]:hover,
.footer-form .form-content.form-popup .mktoForm input[name="Company"]:hover,
.footer-form
  .form-content.form-popup
  .mktoForm
  select[name="Employee_Range__c"]:hover,
.footer-form
  .form-content.form-popup
  .mktoForm
  textarea[name="Comments__c"]:hover {
  border: 1.5px solid var(--Cloud-Security-light-grey, #b5bcc1) !important;
  background: #ffffff;
  color: #111 !important;
}

.footer-form .form-content .mktoForm input,
.form-content .mktoForm select {
  width: 100% !important;
}

.footer-form .form-content .mktoForm textarea[name="Comments__c"] {
  width: 100% !important;
  padding: 22px 14px 0px;
}
.footer-form .form-content .mktoForm textarea::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 24px;
  color: #828e99;
  max-width: 400px;
  width: 100%;
}

.footer-form .mktoFormRow[input-name="parent-FirstName"],
.footer-form .mktoFormRow[input-name="parent-Company"],
.footer-form .mktoFormRow[input-name="parent-Title"] {
  /* margin-right: 20px; */
}

.footer-form .form-content .mktoForm textarea::-webkit-input-placeholder {
  color: #828e99;
}

.footer-form .form-content .mktoForm textarea::-moz-placeholder {
  color: #828e99;
}

.footer-form .form-content .mktoForm textarea:-ms-input-placeholder {
  color: #828e99;
}

.footer-form .form-content .mktoForm textarea:-moz-placeholder {
  color: #828e99;
}

.footer-form .form-content .mktoForm .mktoButton {
  background: #0079dd;
  /* -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.12); */
  border-radius: 4px;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  max-width: 200px;
  width: 100%;
  margin: 0 auto;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  outline: none;
  cursor: pointer;
}

.footer-form .form-content .mktoForm .mktoOffset,
.form-content .mktoForm .mktoGutter {
  display: none;
}

.footer-form .form-content .mktoForm input {
  border: 1.5px solid #c7ccd5 !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
}

.footer-form .mktoForm .mktoFormRow[input-name="parent-Employee_Range__c"] {
  position: relative;
}

.footer-form
  .mktoForm
  .mktoFormRow[input-name="parent-Employee_Range__c"]
  select {
  background: #ffffff url("https://www.tenable.com/lp/campaigns/25/tenable-tcs-v2/img/Dropdown.svg") no-repeat No-repeat right 20px
    top 24px / 11px auto;
  padding-right: 25px;
}

.footer-form .mktoForm select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.footer-form select::-ms-expand {
  display: none;
}

.footer-form .mktoRequiredField.filled .mktoLabel {
  color: #fff;
  opacity: 0.8;
}

.footer-form .mktoRequiredField.focused .mktoLabel {
  color: #fff !important;
  opacity: 1;
}

.footer-form .form-content.form-popup .mktoRequiredField.filled .mktoLabel {
  color: #6c7982 !important;
  opacity: 1;
}

.footer-form .form-content.form-popup .mktoRequiredField.focused .mktoLabel {
  color: #111 !important;
  opacity: 1;
}

.footer-form .mktoRequiredField.error .mktoLabel {
  color: #ff5200;
}

.footer-form .form-content.form-popup .mktoRequiredField.error .mktoLabel {
  color: #ff5200 !important;
}

.footer-form .mktoForm .mktoError .mktoErrorArrow {
  background-color: rgba(17, 17, 17, 0.7) !important;
  border: 1.5px solid rgba(17, 17, 17, 0.7) !important;
  width: 12px;
  height: 12px;
  margin-top: 2px;
}

.footer-form .mktoForm .mktoError .mktoErrorMsg {
  background-color: rgba(17, 17, 17, 0.7) !important;
  border: none !important;
  width: 187px;
  height: 44px;
  font-family: "Aeonik Pro";
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #ffffff;
  display: -ms-flexbox;
  display: -webkit-box !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  margin-top: 8px;
  padding: 6px;
  outline: none;
}
.footer-form .mktoForm .mktoError .mktoErrorMsg:has(.mktoErrorDetail) {
  flex-direction: column;
}

.footer-form .mktoForm .mktoError #ValidMsgEmail.mktoErrorMsg {
  padding: 9px 7px 4px 7px;
}

.footer-form .mktoForm .mktoError .mktoErrorMsg .mktoErrorMsg-icon {
  margin-right: 4px;
}
.footer-form .mktoForm .mktoError .mktoErrorMsg .mktoErrorMsg-icon svg {
  padding: 0 !important;
}
.footer-form .mktoForm .mktoError .mktoErrorMsg .mktoErrorMsg-msg {
  text-align: start;
}

.footer-form .form-content .mktoForm .mktoFormCol {
  margin-bottom: 16px !important;
}

.footer-form .form-content .mktoForm .mktoButtonRow {
  width: 100%;
}

.footer-form
  .form-content
  .mktoForm
  .mktoButtonWrap.mktoPurpleCandy
  button.mktoButton {
  display: flex !important;
  height: 56px;
  max-width: 100% !important;
  width: 100% !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px;
  border-radius: 100px;
  background: #ff5200;
  color: #fff;
  font-family: "Aeonik Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: normal;
  margin-top: 5px !important;
  border: 2px solid #ff5200;
  padding: 10.5px 25.5px 10.5px;
}

@media screen and (max-width: 1024.98px) {
  .footer-form
    .form-content
    .mktoForm
    .mktoButtonWrap.mktoPurpleCandy
    button.mktoButton {
    margin-top: 6px !important;
    max-width: 100% !important;
    padding: 10.5px 25.5px 10.5px;
  }

  .footer-form .form-content .mktoForm .mktoFormCol {
    margin-bottom: 16px !important;
  }
}

.footer-form
  .form-content
  .mktoForm
  .mktoButtonWrap.mktoPurpleCandy
  button.mktoButton:hover {
  background: #e1340a !important;
  border-color: #e1340a !important;
  color: #fff;
}

.footer-form .form-content .mktoForm .mktoError {
  left: 50% !important;
  right: auto !important;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 190px;
  z-index: 9999;
  bottom: inherit !important;
  top: 100%;
}

.footer-form
  .mktoForm
  .mktoFormRow[input-name="parent-triggerGDPR"]
  .mktoHasWidth {
  border: none !important;
}

.footer-form .mktoForm .mktoFormRow[input-name="parent-triggerGDPR"] label {
  font-family: "Aeonik Pro", system-ui, -apple-system, roboto, segoe ui,
    sans-serif;
  font-size: 18px;
  line-height: 27px;
  color: #ffffff;
  font-weight: 400;
  position: inherit;
  padding: 0;
  margin-bottom: 0;
  cursor: pointer;
  margin-left: 20px;
}

.footer-form .mktoForm input[type="checkbox"] + label:before {
  border-radius: 2px;
  top: 11px;
  left: 20px;
}

.footer-form .mktoForm .mktoFormRow[input-name="parent-noinput"] small {
  font-family: "Aeonik Pro", system-ui, -apple-system, roboto, segoe ui,
    sans-serif;
  font-size: 14px !important;
  line-height: 21px !important;
  color: #ffffff;
  padding: 0;
}
.footer-form
  .form-popup
  .mktoForm
  .mktoFormRow[input-name="parent-noinput"]
  small,
.footer-form
  .form-popup
  .mktoForm
  .mktoFormRow[input-name="parent-triggerGDPR"]
  label {
  color: #111;
}
.footer-form
  .mktoForm
  .mktoFormRow[input-name="parent-noinput"]
  .gdpr-text
  small
  a {
  color: #0079dd;
  padding: 0;
}

.footer-form
  .mktoForm
  .mktoFormRow[input-name="parent-noinput"]
  .gdpr-text
  small
  a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  /*color: #041e42;*/
}

.footer-form .mktoForm .mktoFormRow[input-name="parent-triggerGDPR"],
.footer-form .mktoForm .mktoFormRow[input-name="parent-noinput"] {
  max-width: 100% !important;
  width: 100%;
}

.footer-form .mktoForm .mktoFormRow[input-name="parent-noinput"] .mktoHasWidth,
.footer-form
  .mktoForm
  .mktoFormRow[input-name="parent-triggerGDPR"]
  .mktoHasWidth {
  width: 100% !important;
}

.footer-form .mktoForm .focused input.mktoField,
.footer-form .mktoForm .focused select.mktoField,
.footer-form .mktoForm .focused textarea.mktoField {
  color: #fff !important;
  border: 1.5px solid #0079dd !important;
}

.footer-form .mktoForm .mktoFieldWrap input.mktoField:focus {
  border: 1.5px solid #ff5200 !important;
  color: #fff;
}

.footer-form
  .form-content.form-popup
  .mktoForm
  .mktoFieldWrap
  input.mktoField:focus {
  border: 1.5px solid #111 !important;
  color: #111 !important;
}

.footer-form
  .form-content.form-popup
  .mktoForm
  .mktoFieldWrap.error
  input.mktoField:focus {
  border: 1.5px solid #ff5200 !important;
}

.footer-form .mktoForm .mktoFieldWrap.error input.mktoField:focus {
  border: 1.5px solid #ff5200 !important;
}

.footer-form .mktoForm .error input.mktoField,
.footer-form .mktoForm .error select.mktoField,
.footer-form .mktoForm .error textarea.mktoField {
  border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
  position: relative;
}

.footer-form .mktoForm label {
  position: absolute;
  top: 16px;
  left: 11px;
  z-index: 2;
  display: block !important;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: flex;
  color: #fff;
  text-overflow: ellipsis;
  font-family: "Aeonik Pro";
  cursor: text;
  /* pointer-events: none; */
  font-style: normal;
  text-transform: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 125%;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  padding: 0 5px;
  padding-bottom: 0 !important;
  width: auto !important;
}

.footer-form .form-content.form-popup .mktoForm label {
  color: #363c47;
}

@media screen and (max-width: 1024.98px) {
  .footer-form .mktoForm label {
    top: 16.5px;
  }
}

.footer-form .mktoForm label#LblComments__c {
  width: 171px !important;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 2px 5px;
  top: 14px;
  background-color: transparent !important;
}
.footer-form .mktoForm .filled label#LblComments__c {
  color: #fff !important;
  opacity: 0.8;
  top: 1px;
}
.footer-form .mktoForm .focused label#LblComments__c {
  color: #fff !important;
  opacity: 1;
  top: 1px;
}

.footer-form .form-content.form-popup .mktoForm .filled label#LblComments__c {
  color: #6c7982 !important;
  opacity: 1;
  top: 1px;
}
.footer-form .form-content.form-popup .mktoForm .focused label#LblComments__c {
  color: #111 !important;
  opacity: 1;
  top: 1px;
}

.footer-form .form-content.form-popup .focused label#LblComments__c {
  color: #111111 !important;
  top: 1px;
}
.footer-form p.gdpr-text {
  margin: 0;
  padding: 0 !important;
  text-align: left !important;
}

.footer-form .mktoForm .focused label,
.footer-form .mktoForm .error.focused label,
.footer-form .mktoForm .filled label {
  color: #111;
  background-color: transparent !important;
  z-index: 3;
  font-size: 12px;
  line-height: 18px;
  font-family: "Aeonik Pro";
  font-weight: 400 !important;
  left: 10px;
  top: 4px;
  padding: 0 5px;
}

.footer-form .mktoForm .focused label {
  color: #111;
}

.footer-form .mktoForm .mktoError .mktoErrorMsg span {
  text-align: center;
}

.footer-form .mktoForm textarea.mktoField:focus:focus {
  border: 1.5px solid #ff5200 !important;
}

.footer-form .form-content.form-popup .mktoForm textarea.mktoField:focus:focus {
  border: 1.5px solid #041e42 !important;
}

.footer-form .mktoFieldWrap.mktoRequiredField.error.focused label {
  color: #ff5200 !important;
}

.footer-form .mktoForm input.mktoField,
.footer-form .mktoForm select.mktoField,
.footer-form .mktoForm textarea.mktoField,
.footer-form .mktoForm div.mktoLogicalField,
.footer-form .mktoForm input.mktoField.mktoInvalid,
.footer-form .mktoForm select.mktoField.mktoInvalid,
.footer-form .mktoForm textarea.mktoField.mktoInvalid,
.footer-form .mktoForm div.mktoLogicalField.mktoInvalid {
  border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
}

.footer-form .mktoForm .focused input.mktoField,
.footer-form .mktoForm .focused select.mktoField,
.footer-form .mktoForm .focused textarea.mktoField,
.footer-form .mktoForm .focused div.mktoLogicalField {
  border: 1.5px solid #0079dd !important;
}

.footer-form .mktoForm .error input.mktoField,
.footer-form .mktoForm .error select.mktoField,
.footer-form .mktoForm .error textarea.mktoField,
.footer-form .mktoForm .error div.mktoLogicalField,
.footer-form .mktoForm .filled.error input.mktoField,
.footer-form .mktoForm .filled.error select.mktoField,
.footer-form .mktoForm .filled.error textarea.mktoField,
.footer-form .mktoForm .filled.error div.mktoLogicalField {
  border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
}

.footer-form .form-content.form-popup .mktoForm .error input.mktoField,
.footer-form .form-content.form-popup .mktoForm .error select.mktoField,
.footer-form .form-content.form-popup .mktoForm .error textarea.mktoField,
.footer-form .form-content.form-popup .mktoForm .error div.mktoLogicalField,
.footer-form .form-content.form-popup .mktoForm .filled.error input.mktoField,
.footer-form .form-content.form-popup .mktoForm .filled.error select.mktoField,
.footer-form
  .form-content.form-popup
  .mktoForm
  .filled.error
  textarea.mktoField,
.footer-form
  .form-content.form-popup
  .mktoForm
  .filled.error
  div.mktoLogicalField {
  border: 1.5px solid var(--Cloud-Security-orange, #ff5200) !important;
}

.footer-form .mktoForm .filled input.mktoField,
.footer-form .mktoForm .filled select.mktoField,
.footer-form .mktoForm .filled textarea.mktoField,
.footer-form .mktoForm .filled div.mktoLogicalField {
  border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
}

.footer-form .mktoForm input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0) inset !important;
  -webkit-transition: background-color 5000s ease-in-out 0s !important;
  transition: background-color 5000s ease-in-out 0s !important;
  -webkit-text-fill-color: #fff !important;
}

.footer-form .form-content.form-popup .mktoForm input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
  -webkit-transition: background-color 5000s ease-in-out 0s !important;
  transition: background-color 5000s ease-in-out 0s !important;
  -webkit-text-fill-color: #111 !important;
}
.footer-form .mktoForm .mktoError .mktoErrorArrowWrap {
  top: 4px !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 12px !important;
  height: 5px !important;
}

.footer-form .form-content .mktoForm textarea:focus::-webkit-input-placeholder {
  font-size: 0;
}
@media (max-width: 1024.98px) {
  .footer-form {
    margin: 0 0 0;
    padding: 61px 0 59px;
  }
  .footer-form .footer-form-wrap {
    all: unset;
  }
  .footer-form .footer-heading {
    margin: 0px 0 15px;
    text-align: center;
  }
  .footer-form .footer-heading br {
    display: none;
  }
  .footer-form .footer-sub-heading {
    text-align: center;
  }
  .footer-form .footer-discription {
    text-align: center;
    max-width: 645px;
    margin: auto;
  }
  .footer-form .form-content {
    padding: 72px 0px 0;
  }
  .footer-form .form-content .form-heading {
    text-align: center;
    margin-bottom: 23px;
  }
  .footer-form .form-content .form-heading br {
    display: none;
  }
  .footer-form .form-content.form-popup .form-heading br {
    display: block;
  }
  .footer-form .form-content .try-buy-modal__form {
    max-width: 543px;
    margin: auto;
  }
}
@media (max-width: 767.98px) {
  .footer-form {
    margin: 42px 0 0;
    padding: 62px 0 48px;
  }
  .footer-form .footer-heading {
    margin: 0px 0 17px;
    font-size: 34px;
  }
  .footer-form .footer-sub-heading {
    margin: 0 0 16px;
  }
  .footer-form .form-content .form-heading {
    margin-bottom: 13px;
  }
  .footer-form .form-content .mktoForm {
    padding: 10px 0;
  }
  .footer-form .form-content .mktoFormRow {
    max-width: 100% !important;
    width: 100% !important;
  }
  .footer-form
    .form-content
    .mktoForm
    .mktoButtonWrap.mktoPurpleCandy
    button.mktoButton {
    max-width: 100% !important;
  }

  .footer-form .form-content.form-popup .form-wrap-wrap {
    max-width: calc(100% - 30px);
    padding: 21px 25px 33px;
  }
  .footer-form .form-content.form-popup .form-heading {
    font-size: 24px;
  }
}
/* form end */

.footer {
  padding: 22px 0 26px;
  background: #121212;
}
.footer .footer-content {
  display: flex;
  gap: 89px;
  justify-content: center;
}
.footer .footer-content .copyright {
  color: #fff;
  text-align: center;
  font-family: "Aeonik Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.footer .footer-content .footer-links {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer .footer-content .footer-links a {
  color: #fff;
  text-align: center;
  font-family: "Aeonik Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}
.footer .footer-content .footer-links a:hover {
  text-decoration: underline;
}
.footer .footer-content .footer-links span {
  display: inline-block;
  width: 1.3px;
  height: 14px;
  margin: 1px 9px 0;
  background: #c3d3e0;
}
@media (min-width: 992px) and (max-width: 1209.98px) {
  .footer .container {
    padding: 0px 15px;
  }

  .footer .footer-content {
    justify-content: center;
    gap: 60px;
  }
}

@media (max-width: 1024.98px) {
  .footer {
    padding-top: 23px;
  }

  .footer .container {
    padding: 0 80px;
    max-width: 768px !important;
  }

  .footer .footer-content {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }

  .footer .footer-content .footer-links span {
    margin: 0px 9px;
  }
}

@media (max-width: 767.98px) {
  .footer {
    padding: 23px 0 27px;
  }
  .footer .container {
    padding: 0 20px;
    max-width: 400px !important;
  }

  .footer .footer-content {
    gap: 17px;
  }

  .footer .footer-content .footer-links {
    flex-wrap: wrap;
  }

  .footer-links a {
    order: 2;
  }

  .footer-links a:nth-child(1) {
    order: 1;
  }

  .footer-links a:nth-child(3) {
    order: 0;
    margin-bottom: 15px;
  }

  .footer-links a + span {
    order: 2;
  }

  .footer-links a:nth-child(1) + span {
    display: none !important;
  }
}

/* Hexagon */
.s-content {
  width: 100%;
  max-width: 1470px;
  margin: 0 auto;
  padding-inline: 30px;
}

.hexagone-wrapper {
  max-width: 1231px;
  margin: 0 auto;
  padding: 0 15px;
}

.hexagon-title {
  color: #00f0ff;
  font-size: 46px;
  font-weight: 500;
  line-height: 54px;
  text-align: center;
}

.hexagon-subtitle {
  color: #fff;
  font-size: 24px;
  line-height: 150%;
  font-weight: 400;
  text-align: center;
  padding-bottom: 60px;
}

@media (max-width: 1199.98px) {
  .hexagone-wrapper {
    max-width: 768px;
    padding: 0 40px;
  }
}

@media (max-width: 767.98px) {
  .hexagone-wrapper {
    max-width: 390px;
    padding: 0;
  }
}

.l-grid {
  flex-flow: column;
  gap: 84px;
  display: flex;
}

@media (min-width: 871px) {
  .l-grid {
    gap: 28px;
    display: grid;
  }
}

@media (max-width: 870px) {
  .l-grid {
    gap: 28px;
  }
}

.l-grid-cols {
  grid-template-columns: repeat(16, minmax(0, 1fr));
}

[class^="l-grid-col-start--"] {
  grid-row-start: 1;
}

.l-grid-cols--1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.l-grid-cols--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.l-grid-cols--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.l-grid-cols--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.l-grid-cols--5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.l-grid-cols--6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.l-grid-cols--7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.l-grid-cols--8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.l-grid-cols--9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.l-grid-cols--10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.l-grid-cols--11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.l-grid-cols--12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.l-grid-cols--13 {
  grid-template-columns: repeat(13, minmax(0, 1fr));
}

.l-grid-cols--14 {
  grid-template-columns: repeat(14, minmax(0, 1fr));
}

.l-grid-cols--15 {
  grid-template-columns: repeat(15, minmax(0, 1fr));
}

.l-grid-cols--16 {
  grid-template-columns: repeat(16, minmax(0, 1fr));
}

@media (max-width: 870px) {
  .l-grid-cols-sm--1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .l-grid-cols-sm--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .l-grid-cols-sm--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .l-grid-cols-sm--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .l-grid-cols-sm--5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .l-grid-cols-sm--6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .l-grid-cols-sm--7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .l-grid-cols-sm--8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .l-grid-cols-sm--9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .l-grid-cols-sm--10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .l-grid-cols-sm--11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .l-grid-cols-sm--12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .l-grid-cols-sm--13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }

  .l-grid-cols-sm--14 {
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }

  .l-grid-cols-sm--15 {
    grid-template-columns: repeat(15, minmax(0, 1fr));
  }

  .l-grid-cols-sm--16 {
    grid-template-columns: repeat(16, minmax(0, 1fr));
  }
}

.l-grid-col-span--1 {
  grid-column: span 1 / span 1;
}

.l-grid-col-span--2 {
  grid-column: span 2 / span 2;
}

.l-grid-col-span--3 {
  grid-column: span 3 / span 3;
}

.l-grid-col-span--4 {
  grid-column: span 4 / span 4;
}

.l-grid-col-span--5 {
  grid-column: span 5 / span 5;
}

.l-grid-col-span--6 {
  grid-column: span 6 / span 6;
}

.l-grid-col-span--7 {
  grid-column: span 7 / span 7;
}

.l-grid-col-span--8 {
  grid-column: span 8 / span 8;
}

.l-grid-col-span--9 {
  grid-column: span 9 / span 9;
}

.l-grid-col-span--10 {
  grid-column: span 10 / span 10;
}

.l-grid-col-span--11 {
  grid-column: span 11 / span 11;
}

.l-grid-col-span--12 {
  grid-column: span 12 / span 12;
}

.l-grid-col-span--13 {
  grid-column: span 13 / span 13;
}

.l-grid-col-span--14 {
  grid-column: span 14 / span 14;
}

.l-grid-col-span--15 {
  grid-column: span 15 / span 15;
}

.l-grid-col-span--16 {
  grid-column: span 16 / span 16;
}

@media (max-width: 870px) {
  .l-grid-cols-span-sm--1 {
    grid-column: span 1 / span 1;
  }

  .l-grid-cols-span-sm--2 {
    grid-column: span 2 / span 2;
  }

  .l-grid-cols-span-sm--3 {
    grid-column: span 3 / span 3;
  }

  .l-grid-cols-span-sm--4 {
    grid-column: span 4 / span 4;
  }

  .l-grid-cols-span-sm--5 {
    grid-column: span 5 / span 5;
  }

  .l-grid-cols-span-sm--6 {
    grid-column: span 6 / span 6;
  }

  .l-grid-cols-span-sm--7 {
    grid-column: span 7 / span 7;
  }

  .l-grid-cols-span-sm--8 {
    grid-column: span 8 / span 8;
  }

  .l-grid-cols-span-sm--9 {
    grid-column: span 9 / span 9;
  }

  .l-grid-cols-span-sm--10 {
    grid-column: span 10 / span 10;
  }

  .l-grid-cols-span-sm--11 {
    grid-column: span 11 / span 11;
  }

  .l-grid-cols-span-sm--12 {
    grid-column: span 12 / span 12;
  }

  .l-grid-cols-span-sm--13 {
    grid-column: span 13 / span 13;
  }

  .l-grid-cols-span-sm--14 {
    grid-column: span 14 / span 14;
  }

  .l-grid-cols-span-sm--15 {
    grid-column: span 15 / span 15;
  }

  .l-grid-cols-span-sm--16 {
    grid-column: span 16 / span 16;
  }
}

@media (min-width: 871px) and (max-width: 1200px) {
  .l-grid-col-span--1\:tablet {
    grid-column: span 1 / span 1;
  }

  .l-grid-col-span--2\:tablet {
    grid-column: span 2 / span 2;
  }

  .l-grid-col-span--3\:tablet {
    grid-column: span 3 / span 3;
  }

  .l-grid-col-span--4\:tablet {
    grid-column: span 4 / span 4;
  }

  .l-grid-col-span--5\:tablet {
    grid-column: span 5 / span 5;
  }

  .l-grid-col-span--6\:tablet {
    grid-column: span 6 / span 6;
  }

  .l-grid-col-span--7\:tablet {
    grid-column: span 7 / span 7;
  }

  .l-grid-col-span--8\:tablet {
    grid-column: span 8 / span 8;
  }

  .l-grid-col-span--9\:tablet {
    grid-column: span 9 / span 9;
  }

  .l-grid-col-span--10\:tablet {
    grid-column: span 10 / span 10;
  }

  .l-grid-col-span--11\:tablet {
    grid-column: span 11 / span 11;
  }

  .l-grid-col-span--12\:tablet {
    grid-column: span 12 / span 12;
  }

  .l-grid-col-span--13\:tablet {
    grid-column: span 13 / span 13;
  }

  .l-grid-col-span--14\:tablet {
    grid-column: span 14 / span 14;
  }

  .l-grid-col-span--15\:tablet {
    grid-column: span 15 / span 15;
  }

  .l-grid-col-span--16\:tablet {
    grid-column: span 16 / span 16;
  }
}

.l-grid-col-start--1 {
  grid-column-start: 1;
}

.l-grid-col-end--1 {
  grid-column-end: 1;
}

.l-grid-col-start--2 {
  grid-column-start: 2;
}

.l-grid-col-end--2 {
  grid-column-end: 2;
}

.l-grid-col-start--3 {
  grid-column-start: 3;
}

.l-grid-col-end--3 {
  grid-column-end: 3;
}

.l-grid-col-start--4 {
  grid-column-start: 4;
}

.l-grid-col-end--4 {
  grid-column-end: 4;
}

.l-grid-col-start--5 {
  grid-column-start: 5;
}

.l-grid-col-end--5 {
  grid-column-end: 5;
}

.l-grid-col-start--6 {
  grid-column-start: 6;
}

.l-grid-col-end--6 {
  grid-column-end: 6;
}

.l-grid-col-start--7 {
  grid-column-start: 7;
}

.l-grid-col-end--7 {
  grid-column-end: 7;
}

.l-grid-col-start--8 {
  grid-column-start: 8;
}

.l-grid-col-end--8 {
  grid-column-end: 8;
}

.l-grid-col-start--9 {
  grid-column-start: 9;
}

.l-grid-col-end--9 {
  grid-column-end: 9;
}

.l-grid-col-start--10 {
  grid-column-start: 10;
}

.l-grid-col-end--10 {
  grid-column-end: 10;
}

.l-grid-col-start--11 {
  grid-column-start: 11;
}

.l-grid-col-end--11 {
  grid-column-end: 11;
}

.l-grid-col-start--12 {
  grid-column-start: 12;
}

.l-grid-col-end--12 {
  grid-column-end: 12;
}

.l-grid-col-start--13 {
  grid-column-start: 13;
}

.l-grid-col-end--13 {
  grid-column-end: 13;
}

.l-grid-col-start--14 {
  grid-column-start: 14;
}

.l-grid-col-end--14 {
  grid-column-end: 14;
}

.l-grid-col-start--15 {
  grid-column-start: 15;
}

.l-grid-col-end--15 {
  grid-column-end: 15;
}

.l-grid-col-start--16 {
  grid-column-start: 16;
}

.l-grid-col-end--16 {
  grid-column-end: 16;
}

@media (max-width: 870px) {
  .l-grid-col-start-sm--1 {
    grid-column-start: 1;
  }

  .l-grid-col-end-sm--1 {
    grid-column-end: 1;
  }

  .l-grid-col-start-sm--2 {
    grid-column-start: 2;
  }

  .l-grid-col-end-sm--2 {
    grid-column-end: 2;
  }

  .l-grid-col-start-sm--3 {
    grid-column-start: 3;
  }

  .l-grid-col-end-sm--3 {
    grid-column-end: 3;
  }

  .l-grid-col-start-sm--4 {
    grid-column-start: 4;
  }

  .l-grid-col-end-sm--4 {
    grid-column-end: 4;
  }

  .l-grid-col-start-sm--5 {
    grid-column-start: 5;
  }

  .l-grid-col-end-sm--5 {
    grid-column-end: 5;
  }

  .l-grid-col-start-sm--6 {
    grid-column-start: 6;
  }

  .l-grid-col-end-sm--6 {
    grid-column-end: 6;
  }

  .l-grid-col-start-sm--7 {
    grid-column-start: 7;
  }

  .l-grid-col-end-sm--7 {
    grid-column-end: 7;
  }

  .l-grid-col-start-sm--8 {
    grid-column-start: 8;
  }

  .l-grid-col-end-sm--8 {
    grid-column-end: 8;
  }

  .l-grid-col-start-sm--9 {
    grid-column-start: 9;
  }

  .l-grid-col-end-sm--9 {
    grid-column-end: 9;
  }

  .l-grid-col-start-sm--10 {
    grid-column-start: 10;
  }

  .l-grid-col-end-sm--10 {
    grid-column-end: 10;
  }

  .l-grid-col-start-sm--11 {
    grid-column-start: 11;
  }

  .l-grid-col-end-sm--11 {
    grid-column-end: 11;
  }

  .l-grid-col-start-sm--12 {
    grid-column-start: 12;
  }

  .l-grid-col-end-sm--12 {
    grid-column-end: 12;
  }

  .l-grid-col-start-sm--13 {
    grid-column-start: 13;
  }

  .l-grid-col-end-sm--13 {
    grid-column-end: 13;
  }

  .l-grid-col-start-sm--14 {
    grid-column-start: 14;
  }

  .l-grid-col-end-sm--14 {
    grid-column-end: 14;
  }

  .l-grid-col-start-sm--15 {
    grid-column-start: 15;
  }

  .l-grid-col-end-sm--15 {
    grid-column-end: 15;
  }

  .l-grid-col-start-sm--16 {
    grid-column-start: 16;
  }

  .l-grid-col-end-sm--16 {
    grid-column-end: 16;
  }
}

@media (min-width: 871px) {
  .l-grid--center-y {
    align-items: center;
  }
}

.u-mx-breakout,
.l-mx-breakout {
  margin-inline: -30px;
}

.u-px-breakout {
  padding-inline: 30px;
}

@media (min-width: 1470px) {
  .u-mx-breakout,
  .l-mx-breakout {
    margin-inline: calc((-100vw + var(--twcb-scrollbar-width)) / 2 + 705px);
  }

  .u-px-breakout {
    padding-inline: calc((100vw + var(--twcb-scrollbar-width)) / 2 - 705px);
  }
}

.e-hexagon-container {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.e-hexagon-container:has(> .e-hexagon--white-bg) {
  z-index: 0;
  overflow: visible;
}

@media (min-width: 1201px) {
  .e-hexagon-container:has(> .e-hexagon--hero-shadow) {
    min-height: 35vh;
  }
}

.p-hexagon--white--shadow-blue-offset-t1:before,
.e-hexagon--hero-glow:before,
.e-hexagon--accent--white-shadow-blue:after,
.e-hexagon--accent--white-shadow-blue:before,
.e-hexagon--white--shadow-blue-offset:before,
.e-hexagon--hero-shadow:after,
.e-hexagon--hero-shadow:before {
  position: absolute;
}

@media (min-width: 871px) {
  .p-hexagon--white--shadow-blue-offset-t1:before,
  .e-hexagon--hero-glow:before,
  .e-hexagon--accent--white-shadow-blue:after,
  .e-hexagon--accent--white-shadow-blue:before,
  .e-hexagon--white--shadow-blue-offset:before,
  .e-hexagon--hero-shadow:after,
  .e-hexagon--hero-shadow:before {
    aspect-ratio: 483/536;
    clip-path: polygon(
      95.266% 78.02%,
      54.619% 98.908%,
      54.619% 98.908%,
      53.912% 99.235%,
      53.181% 99.504%,
      52.431% 99.715%,
      51.668% 99.868%,
      50.895% 99.963%,
      50.116% 100%,
      49.337% 99.978%,
      48.562% 99.898%,
      47.796% 99.76%,
      47.042% 99.564%,
      47.042% 99.564%,
      46.876% 99.512%,
      46.71% 99.457%,
      46.546% 99.4%,
      46.383% 99.34%,
      46.221% 99.276%,
      46.06% 99.21%,
      45.9% 99.141%,
      45.741% 99.069%,
      45.583% 98.993%,
      45.427% 98.915%,
      4.74% 78.082%,
      4.74% 78.082%,
      3.904% 77.6%,
      3.138% 77.046%,
      2.446% 76.426%,
      1.833% 75.748%,
      1.302% 75.018%,
      0.858% 74.242%,
      0.505% 73.426%,
      0.248% 72.578%,
      0.09% 71.704%,
      0.037% 70.81%,
      0% 29.261%,
      0% 29.261%,
      0.052% 28.368%,
      0.208% 27.494%,
      0.464% 26.646%,
      0.815% 25.831%,
      1.257% 25.054%,
      1.786% 24.323%,
      2.398% 23.643%,
      3.088% 23.022%,
      3.852% 22.466%,
      4.687% 21.982%,
      45.334% 1.095%,
      45.334% 1.095%,
      46.203% 0.701%,
      47.105% 0.395%,
      48.032% 0.176%,
      48.976% 0.044%,
      49.928% 0%,
      50.88% 0.043%,
      51.824% 0.173%,
      52.752% 0.39%,
      53.656% 0.695%,
      54.527% 1.088%,
      95.213% 21.92%,
      95.213% 21.92%,
      96.049% 22.403%,
      96.815% 22.957%,
      97.507% 23.577%,
      98.12% 24.256%,
      98.65% 24.986%,
      99.094% 25.763%,
      99.447% 26.578%,
      99.704% 27.426%,
      99.862% 28.3%,
      99.916% 29.192%,
      99.953% 70.742%,
      99.953% 70.742%,
      99.901% 71.636%,
      99.744% 72.51%,
      99.488% 73.359%,
      99.137% 74.175%,
      98.695% 74.951%,
      98.166% 75.683%,
      97.555% 76.362%,
      96.865% 76.982%,
      96.1% 77.537%,
      95.266% 78.02%
    );
  }
}

.e-hexagon--hero-shadow {
  aspect-ratio: 2578/2866;
  z-index: -1;
  width: 4133px;
  position: absolute;
  bottom: 0;
  left: 28%;
  transform: translate(-50%);
}

.e-hexagon--hero-shadow:before {
  z-index: -1;
  content: "";
  background-image: radial-gradient(circle at 59% 66%, #00005b 0%, #000026 61%);
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
}

.e-hexagon--hero-shadow:after {
  z-index: -2;
  content: "";
  transform-origin: 0 100%;
  background-color: #ffb900;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 27.5%;
  transform: scale(0.52);
}

.e-hexagon--hero-shadow.e-hexagon--hero-shadow--centered {
  left: 50%;
}

.e-hexagon--hero-shadow-vivid:after {
  background-color: #ff5200;
}

.e-hexagon--hero-shadow-cyan:after {
  background-color: #00f0ff !important;
}

.e-hexagon--hero-shadow-blue:after {
  background-color: #0087fd;
}

.e-hexagon--hero-shadow-green:after {
  background-color: #26ff93 !important;
}

.e-hexagon-identity-exposure {
  left: 50% !important;
}

@media (max-width: 870px) {
  .e-hexagon-identity-exposure {
    left: 0 !important;
  }
}

.e-hexagon--content {
  background-image: radial-gradient(circle at 46% 39%, #00005b 0%, #000026 59%);
  top: 0;
  bottom: 0;
  left: 41%;
  transform: translate(-50%);
}

.e-hexagon--content-shadow {
  z-index: -1;
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

@media (min-width: 871px) {
  .e-hexagon--content-shadow {
    aspect-ratio: 2578/2866;
    width: auto;
    min-width: calc(100vw + 300px);
    left: 41%;
    transform: translate(-50%);
  }
}

.e-hexagon--content-shadow.e-hexagon--sm-content {
  min-width: 150vw;
}

@media (min-width: 871px) {
  .e-hexagon--center-content-shadow {
    left: 50%;
  }
}

.e-hexagon--shadow-cloud-exposure:after {
  background-color: #ff5200;
}

.e-hexagon--shadow-ot-exposure:after {
  background-color: #0087fd;
}

.e-hexagon--shadow-brand-accent:after {
  background-color: #00f0ff;
}

.e-hexagon--overflow-y {
  z-index: 0;
  overflow-clip-margin: 1rem;
  overflow: clip visible;
}

.e-hexagon--white--shadow-blue-offset {
  filter: drop-shadow(-6px 6px 4px #0087f52e);
  z-index: -1;
  width: 100vw;
  height: 100vw;
  position: absolute;
  top: -48vw;
}

@media (min-width: 768px) {
  .e-hexagon--white--shadow-blue-offset:before {
    z-index: -2;
    content: "";
    background: #ffffff80;
    width: 100%;
    height: 100%;
    top: 0;
    left: 6%;
  }
}

.e-hexagon--offcenter-left {
  width: 50vw;
  height: 50vw;
  top: 0;
}

.e-hexagon--offcenter-left:after {
  top: 0;
  left: -40%;
}

.e-hexagon--accent--white-shadow-blue {
  z-index: -1;
  filter: drop-shadow(6px 6px 4px #0087f52e);
  width: 60vw;
  height: 100%;
  position: absolute;
  top: 0;
}

@media (min-width: 768px) {
  .e-hexagon--accent--white-shadow-blue:before {
    z-index: -2;
    content: "";
    background: #ffffffa3;
    width: 100%;
    height: 100%;
    top: 0;
    left: -35%;
  }

  .e-hexagon--accent--white-shadow-blue:after {
    z-index: -2;
    content: "";
    background: #ffffffa3;
    width: 100%;
    height: 100%;
    top: 0;
    left: -25%;
  }
}

.e-hexegon-icon--brand-accent:after {
  background-image: url("https://www.tenable.com/themes/custom/tenable/img/backgrounds/background-icon-hex--brand-accent.png");
  background-position: 50%;
  background-size: contain;
  width: 100%;
  max-width: 83%;
  height: 100%;
}

@media (max-width: 870px) {
  .e-hexegon-icon--brand-accent:after {
    background-image: none;
  }
}

@media (min-width: 871px) {
  .e-hexagon--flat-bottom:before,
  .e-hexagon--flat-bottom:after {
    clip-path: polygon(
      95.299% 15.238%,
      95.299% 15.238%,
      96.134% 15.574%,
      96.899% 15.959%,
      97.589% 16.39%,
      98.201% 16.861%,
      98.73% 17.368%,
      99.173% 17.906%,
      99.524% 18.472%,
      99.78% 19.059%,
      99.936% 19.665%,
      99.988% 20.284%,
      99.988% 20.284%,
      99.984% 23.667%,
      99.98% 26.877%,
      99.976% 29.913%,
      99.972% 32.775%,
      99.969% 35.464%,
      99.965% 37.98%,
      99.962% 40.322%,
      99.96% 42.491%,
      99.957% 44.486%,
      99.955% 46.307%,
      99.955% 46.307%,
      99.955% 46.926%,
      99.956% 48.6%,
      99.957% 51.329%,
      99.96% 55.114%,
      99.963% 59.954%,
      99.967% 65.85%,
      99.971% 72.801%,
      99.976% 80.808%,
      99.982% 89.87%,
      99.988% 99.987%,
      0.036% 99.982%,
      0.036% 99.982%,
      0.029% 89.834%,
      0.023% 80.742%,
      0.018% 72.708%,
      0.014% 65.73%,
      0.01% 59.81%,
      0.007% 54.946%,
      0.005% 51.14%,
      0.003% 48.39%,
      0.002% 46.698%,
      0.002% 46.062%,
      0.002% 46.062%,
      0.004% 44.254%,
      0.007% 42.274%,
      0.01% 40.122%,
      0.013% 37.798%,
      0.016% 35.301%,
      0.019% 32.633%,
      0.023% 29.792%,
      0.027% 26.779%,
      0.031% 23.594%,
      0.036% 20.236%,
      0.036% 20.236%,
      0.09% 19.618%,
      0.248% 19.012%,
      0.505% 18.424%,
      0.858% 17.859%,
      1.302% 17.321%,
      1.832% 16.814%,
      2.446% 16.344%,
      3.138% 15.914%,
      3.904% 15.53%,
      4.74% 15.196%,
      45.442% 0.754%,
      45.442% 0.754%,
      46.312% 0.482%,
      47.216% 0.271%,
      48.145% 0.12%,
      49.089% 0.03%,
      50.042% 0%,
      50.994% 0.031%,
      51.939% 0.122%,
      52.866% 0.274%,
      53.768% 0.486%,
      54.638% 0.759%
    );
  }
}

.e-hexagon--hero-glow {
  aspect-ratio: 2578/2866;
  z-index: -1;
  filter: drop-shadow(0 2px 50px #00f0ff61);
  width: 4133px;
  position: absolute;
  bottom: 100px;
  left: 28%;
  transform: translate(-50%);
}

.e-hexagon--hero-glow:before {
  z-index: -1;
  content: "";
  background-image: radial-gradient(circle at 59% 66%, #00005b 0%, #000026 61%);
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
}

.e-hexagon--hero-glow.e-hexagon--hero-glow--centered {
  left: 50%;
}

.c-marketecture-diagram {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.c-marketecture-diagram--v7 {
  max-width: 810px;
}

.c-marketecture-diagram--v7 * {
  transition: all 0.2s;
}

.c-marketecture-diagram__bg {
  z-index: -1;
  position: absolute;
  inset: 0;
}

.c-marketecture-diagram__svg {
  position: relative;
}

.c-marketecture-diagram__svg svg {
  width: auto;
  max-width: 100%;
  height: auto;
}

.c-marketecture-diagram__svg svg * {
  pointer-events: none;
}

.c-marketecture-diagram__svg svg,
.c-marketecture-diagram__svg text,
.c-marketecture-diagram__svg text tspan {
  font-family: aeonik pro, Arial, sans-serif;
}

.c-marketecture-diagram__svg svg path,
.c-marketecture-diagram__svg svg rect,
.c-marketecture-diagram__svg svg g,
.c-marketecture-diagram__svg text {
  transition: opacity 0.2s;
}

.c-marketecture-diagram__svg .radix tspan {
  font-family: radix, aeonik pro, Arial, sans-serif !important;
}

.c-marketecture-diagram__trigger rect,
.c-marketecture-diagram__trigger path {
  cursor: pointer;
  z-index: 10;
  pointer-events: all;
}

.c-marketecture-diagram__trigger rect {
  fill: #0000;
}

.c-marketecture-diagram__rollover {
  opacity: 0;
  pointer-events: none;
  background-color: #041e42d9;
  border-bottom: 8px solid #00f0ff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 370px;
  margin: auto;
  padding: 1.65rem 1.8rem 1.8rem;
  font-size: 16px;
  transition: all 0.35s;
  position: absolute;
}

@media (max-width: 1024.98px) {
  .c-marketecture-diagram__rollover {
    display: none;
  }
}

.c-marketecture-diagram__rollover.gold-border {
  border-bottom-color: #ffb900;
}

.c-marketecture-diagram__rollover.green-border {
  border-bottom-color: #26ff93;
}

.c-marketecture-diagram__rollover.blue-border {
  border-bottom-color: #0087fd;
}

.c-marketecture-diagram__rollover.vivid-border {
  border-bottom-color: #ff5200;
}

.c-marketecture-diagram--v7 .c-marketecture-diagram__rollover {
  background-color: #0000;
  background-image: url("https://www.tenable.com/themes/custom/tenable/dist/rollover-bg-left.c689bba5.svg");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  border: 0;
  color: #fff;
  max-width: 240px;
  padding: 1em;
  font-size: 16px;
}

@media (max-width: 1324px) {
  .c-marketecture-diagram--v7 .c-marketecture-diagram__rollover {
    background: #000037de;
    border: 1px solid #00f0ffb3;
    border-radius: 30px;
    padding: 1.4em;
    font-size: 15px;
  }
}

.c-marketecture-diagram--v7 .c-marketecture-diagram__rollover p {
  margin-bottom: 0;
}

.c-marketecture-diagram--v7 .c-marketecture-diagram__rollover.right {
  background-image: url("https://www.tenable.com/themes/custom/tenable/dist/rollover-bg-right.d1442cdc.svg");
  background-position: 0 calc(100% - 2px);
}

@media (max-width: 1324px) {
  .c-marketecture-diagram--v7 .c-marketecture-diagram__rollover.right {
    background-image: none;
  }
}

.c-marketecture-diagram__rollover-line {
  background-color: #00f0ff;
  width: 100%;
  height: 1px;
  margin: auto;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(100% - 2px);
}

@media (min-width: 1325px) {
  .c-marketecture-diagram__rollover-line {
    display: block;
  }
}

.c-marketecture-diagram__rollover-line:before {
  content: "";
  background-color: #00f0ff;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.right .c-marketecture-diagram__rollover-line {
  left: initial;
  right: calc(100% - 2px);
}

.right .c-marketecture-diagram__rollover-line:before {
  left: initial;
  right: 0;
}

.c-marketecture-diagram__rollover[data-product="exposureai"] {
  bottom: 0;
  left: 60%;
}

.c-marketecture-diagram__rollover[data-product="ot"] {
  top: 65%;
  right: 32%;
}

@media (min-width: 1375px) {
  .c-marketecture-diagram__rollover[data-product="ot"] {
    left: 81%;
    right: auto;
  }
}

.c-marketecture-diagram__rollover[data-product="cloud"] {
  top: 65%;
  left: 31%;
}

@media (min-width: 1350px) {
  .c-marketecture-diagram__rollover[data-product="cloud"] {
    left: auto;
    right: 81%;
  }
}

.c-marketecture-diagram__rollover[data-product="vulnerability"] {
  top: 70%;
  right: 68%;
}

.c-marketecture-diagram__rollover[data-product="identity"] {
  top: 70%;
  left: 66%;
}

.c-marketecture-diagram__rollover[data-product="attack-path-analysis"] {
  top: 18%;
  left: 40%;
}

@media (min-width: 1280px) {
  .c-marketecture-diagram__rollover[data-product="attack-path-analysis"] {
    left: auto;
    right: 78%;
  }
}

.c-marketecture-diagram__rollover[data-product="asset-inventory"] {
  top: 18%;
  right: 38%;
}

@media (min-width: 1280px) {
  .c-marketecture-diagram__rollover[data-product="asset-inventory"] {
    left: 76%;
    right: auto;
  }
}

.c-marketecture-diagram__rollover[data-product="exposure-view"] {
  top: 12%;
  left: 58%;
}

.c-marketecture-diagram__rollover[data-product="native-data"] {
  top: 42%;
  left: 36%;
}

@media (min-width: 1450px) {
  .c-marketecture-diagram__rollover[data-product="native-data"] {
    left: auto;
    right: 89%;
  }
}

.c-marketecture-diagram__rollover[data-product="third-party"] {
  top: 42%;
  right: 33%;
}

@media (min-width: 1450px) {
  .c-marketecture-diagram__rollover[data-product="third-party"] {
    left: 85%;
    right: auto;
  }
}

.c-marketecture-diagram__rollover[data-product="exposure-graph"] {
  top: 42%;
  left: 62%;
}

.c-marketecture-diagram__rollover[data-product="t1"] {
  top: 5%;
  left: 60%;
}

.c-marketecture-diagram--cs
  .c-marketecture-diagram__rollover[data-product="vulnerability"] {
  top: 30%;
  right: 68%;
}

.c-marketecture-diagram--cs
  .c-marketecture-diagram__rollover[data-product="identity"] {
  top: 30%;
  left: 52%;
}

.c-marketecture-diagram--cs
  .c-marketecture-diagram__rollover[data-product="ot"] {
  top: 30%;
  left: 68%;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__rollover[data-product="exposure-ai"] {
  max-width: 300px;
  top: 22.3%;
  right: 58%;
}

@media (min-width: 1325px) {
  .c-marketecture-diagram--v7
    .c-marketecture-diagram__rollover[data-product="exposure-ai"] {
    right: 97%;
  }
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__rollover[data-product="exposure-ai"]
  .c-marketecture-diagram__rollover-line {
  width: 319px;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__rollover[data-product="comprehensive"] {
  top: 26.45%;
  right: 74%;
}

@media (min-width: 1325px) {
  .c-marketecture-diagram--v7
    .c-marketecture-diagram__rollover[data-product="comprehensive"] {
    right: 101%;
  }
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__rollover[data-product="comprehensive"]
  .c-marketecture-diagram__rollover-line {
  width: 119px;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__rollover[data-product="dynamic"] {
  top: 3.55%;
  right: 73%;
}

@media (min-width: 1325px) {
  .c-marketecture-diagram--v7
    .c-marketecture-diagram__rollover[data-product="dynamic"] {
    right: 93%;
  }
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__rollover[data-product="dynamic"]
  .c-marketecture-diagram__rollover-line {
  width: 156px;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__rollover[data-product="predictive"] {
  top: 4.4%;
  left: 55.75%;
}

@media (min-width: 1325px) {
  .c-marketecture-diagram--v7
    .c-marketecture-diagram__rollover[data-product="predictive"] {
    top: -3%;
    left: 90.75%;
  }
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__rollover[data-product="predictive"]
  .c-marketecture-diagram__rollover-line {
  width: 321px;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__rollover[data-product="mobilization"] {
  top: 3.2%;
  left: 70%;
}

@media (min-width: 1325px) {
  .c-marketecture-diagram--v7
    .c-marketecture-diagram__rollover[data-product="mobilization"] {
    left: 90%;
  }
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__rollover[data-product="mobilization"]
  .c-marketecture-diagram__rollover-line {
  width: 149px;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__rollover[data-product="advanced"] {
  top: 24.9%;
  left: 75%;
}

@media (min-width: 1325px) {
  .c-marketecture-diagram--v7
    .c-marketecture-diagram__rollover[data-product="advanced"] {
    top: 24.9%;
    left: 102%;
  }
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__rollover[data-product="advanced"]
  .c-marketecture-diagram__rollover-line {
  width: 127px;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__rollover[data-product="exposure-data"] {
  max-width: 280px;
  top: 37.8%;
  left: 62%;
}

@media (min-width: 1325px) {
  .c-marketecture-diagram--v7
    .c-marketecture-diagram__rollover[data-product="exposure-data"] {
    left: 102%;
  }
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__rollover[data-product="exposure-data"]
  .c-marketecture-diagram__rollover-line {
  width: 337px;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__rollover[data-product="normalize"] {
  max-width: 280px;
  top: 43.75%;
  left: 54%;
}

@media (min-width: 1325px) {
  .c-marketecture-diagram--v7
    .c-marketecture-diagram__rollover[data-product="normalize"] {
    top: 46.75%;
    left: 102%;
  }
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__rollover[data-product="normalize"]
  .c-marketecture-diagram__rollover-line {
  width: 382px;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__rollover[data-product="contextualize"] {
  max-width: 280px;
  top: 49.2%;
  left: 54%;
}

@media (min-width: 1325px) {
  .c-marketecture-diagram--v7
    .c-marketecture-diagram__rollover[data-product="contextualize"] {
    left: 102%;
  }
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__rollover[data-product="contextualize"]
  .c-marketecture-diagram__rollover-line {
  width: 369px;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__rollover[data-product="correlate"] {
  max-width: 280px;
  top: 51.25%;
  left: 54%;
}

@media (min-width: 1325px) {
  .c-marketecture-diagram--v7
    .c-marketecture-diagram__rollover[data-product="correlate"] {
    top: 51.85%;
    left: 102%;
  }
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__rollover[data-product="correlate"]
  .c-marketecture-diagram__rollover-line {
  width: 381px;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__rollover[data-product="intelligence"] {
  max-width: 300px;
  top: 62.25%;
  right: 64%;
}

@media (min-width: 1325px) {
  .c-marketecture-diagram--v7
    .c-marketecture-diagram__rollover[data-product="intelligence"] {
    right: 94%;
  }
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__rollover[data-product="intelligence"]
  .c-marketecture-diagram__rollover-line {
  width: 97px;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__rollover[data-product="native"] {
  max-width: 300px;
  top: 80%;
  left: 31%;
}

@media (min-width: 1325px) {
  .c-marketecture-diagram--v7
    .c-marketecture-diagram__rollover[data-product="native"] {
    top: 73.85%;
    left: 89%;
  }
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__rollover[data-product="native"]
  .c-marketecture-diagram__rollover-line {
  width: 256px;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__rollover[data-product="third-party"] {
  max-width: 300px;
  top: 63.75%;
  left: 63%;
}

@media (min-width: 1325px) {
  .c-marketecture-diagram--v7
    .c-marketecture-diagram__rollover[data-product="third-party"] {
    left: 93%;
  }
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__rollover[data-product="third-party"]
  .c-marketecture-diagram__rollover-line {
  width: 72px;
}

.c-marketecture-diagram[data-hovered="true"] .c-marketecture-diagram__icon,
.c-marketecture-diagram[data-hovered="true"] .c-marketecture-diagram__text,
.c-marketecture-diagram[data-hovered="true"] .c-marketecture-diagram__line,
.c-marketecture-diagram--v7[data-hovered="true"] svg path,
.c-marketecture-diagram--v7[data-hovered="true"] svg circle,
.c-marketecture-diagram--v7[data-hovered="true"] svg image {
  opacity: 0.3;
}

.c-marketecture-diagram[data-active="ot"]
  .c-marketecture-diagram__icon[data-product="ot"],
.c-marketecture-diagram[data-active="ot"]
  .c-marketecture-diagram__icon[data-product="ot"]
  text,
.c-marketecture-diagram[data-active="ot"]
  .c-marketecture-diagram__text[data-product="ot"],
.c-marketecture-diagram[data-active="ot"]
  .c-marketecture-diagram__text[data-product="ot"]
  text,
.c-marketecture-diagram[data-active="ot"]
  .c-marketecture-diagram__rollover[data-product="ot"],
.c-marketecture-diagram[data-active="ot"]
  .c-marketecture-diagram__rollover[data-product="ot"]
  text,
.c-marketecture-diagram[data-active="cloud"]
  .c-marketecture-diagram__icon[data-product="cloud"],
.c-marketecture-diagram[data-active="cloud"]
  .c-marketecture-diagram__icon[data-product="cloud"]
  text,
.c-marketecture-diagram[data-active="cloud"]
  .c-marketecture-diagram__text[data-product="cloud"],
.c-marketecture-diagram[data-active="cloud"]
  .c-marketecture-diagram__text[data-product="cloud"]
  text,
.c-marketecture-diagram[data-active="cloud"]
  .c-marketecture-diagram__rollover[data-product="cloud"],
.c-marketecture-diagram[data-active="cloud"]
  .c-marketecture-diagram__rollover[data-product="cloud"]
  text,
.c-marketecture-diagram[data-active="vulnerability"]
  .c-marketecture-diagram__icon[data-product="vulnerability"],
.c-marketecture-diagram[data-active="vulnerability"]
  .c-marketecture-diagram__icon[data-product="vulnerability"]
  text,
.c-marketecture-diagram[data-active="vulnerability"]
  .c-marketecture-diagram__text[data-product="vulnerability"],
.c-marketecture-diagram[data-active="vulnerability"]
  .c-marketecture-diagram__text[data-product="vulnerability"]
  text,
.c-marketecture-diagram[data-active="vulnerability"]
  .c-marketecture-diagram__rollover[data-product="vulnerability"],
.c-marketecture-diagram[data-active="vulnerability"]
  .c-marketecture-diagram__rollover[data-product="vulnerability"]
  text,
.c-marketecture-diagram[data-active="identity"]
  .c-marketecture-diagram__icon[data-product="identity"],
.c-marketecture-diagram[data-active="identity"]
  .c-marketecture-diagram__icon[data-product="identity"]
  text,
.c-marketecture-diagram[data-active="identity"]
  .c-marketecture-diagram__text[data-product="identity"],
.c-marketecture-diagram[data-active="identity"]
  .c-marketecture-diagram__text[data-product="identity"]
  text,
.c-marketecture-diagram[data-active="identity"]
  .c-marketecture-diagram__rollover[data-product="identity"],
.c-marketecture-diagram[data-active="identity"]
  .c-marketecture-diagram__rollover[data-product="identity"]
  text,
.c-marketecture-diagram[data-active="exposureai"]
  .c-marketecture-diagram__icon[data-product="exposureai"],
.c-marketecture-diagram[data-active="exposureai"]
  .c-marketecture-diagram__icon[data-product="exposureai"]
  text,
.c-marketecture-diagram[data-active="exposureai"]
  .c-marketecture-diagram__text[data-product="exposureai"],
.c-marketecture-diagram[data-active="exposureai"]
  .c-marketecture-diagram__text[data-product="exposureai"]
  text,
.c-marketecture-diagram[data-active="exposureai"]
  .c-marketecture-diagram__rollover[data-product="exposureai"],
.c-marketecture-diagram[data-active="exposureai"]
  .c-marketecture-diagram__rollover[data-product="exposureai"]
  text,
.c-marketecture-diagram[data-active="attack-path-analysis"]
  .c-marketecture-diagram__icon[data-product="attack-path-analysis"],
.c-marketecture-diagram[data-active="attack-path-analysis"]
  .c-marketecture-diagram__icon[data-product="attack-path-analysis"]
  text,
.c-marketecture-diagram[data-active="attack-path-analysis"]
  .c-marketecture-diagram__text[data-product="attack-path-analysis"],
.c-marketecture-diagram[data-active="attack-path-analysis"]
  .c-marketecture-diagram__text[data-product="attack-path-analysis"]
  text,
.c-marketecture-diagram[data-active="attack-path-analysis"]
  .c-marketecture-diagram__rollover[data-product="attack-path-analysis"],
.c-marketecture-diagram[data-active="attack-path-analysis"]
  .c-marketecture-diagram__rollover[data-product="attack-path-analysis"]
  text,
.c-marketecture-diagram[data-active="exposure-view"]
  .c-marketecture-diagram__icon[data-product="exposure-view"],
.c-marketecture-diagram[data-active="exposure-view"]
  .c-marketecture-diagram__icon[data-product="exposure-view"]
  text,
.c-marketecture-diagram[data-active="exposure-view"]
  .c-marketecture-diagram__text[data-product="exposure-view"],
.c-marketecture-diagram[data-active="exposure-view"]
  .c-marketecture-diagram__text[data-product="exposure-view"]
  text,
.c-marketecture-diagram[data-active="exposure-view"]
  .c-marketecture-diagram__rollover[data-product="exposure-view"],
.c-marketecture-diagram[data-active="exposure-view"]
  .c-marketecture-diagram__rollover[data-product="exposure-view"]
  text,
.c-marketecture-diagram[data-active="asset-inventory"]
  .c-marketecture-diagram__icon[data-product="asset-inventory"],
.c-marketecture-diagram[data-active="asset-inventory"]
  .c-marketecture-diagram__icon[data-product="asset-inventory"]
  text,
.c-marketecture-diagram[data-active="asset-inventory"]
  .c-marketecture-diagram__text[data-product="asset-inventory"],
.c-marketecture-diagram[data-active="asset-inventory"]
  .c-marketecture-diagram__text[data-product="asset-inventory"]
  text,
.c-marketecture-diagram[data-active="asset-inventory"]
  .c-marketecture-diagram__rollover[data-product="asset-inventory"],
.c-marketecture-diagram[data-active="asset-inventory"]
  .c-marketecture-diagram__rollover[data-product="asset-inventory"]
  text,
.c-marketecture-diagram[data-active="t1"]
  .c-marketecture-diagram__icon[data-product="t1"],
.c-marketecture-diagram[data-active="t1"]
  .c-marketecture-diagram__icon[data-product="t1"]
  text,
.c-marketecture-diagram[data-active="t1"]
  .c-marketecture-diagram__text[data-product="t1"],
.c-marketecture-diagram[data-active="t1"]
  .c-marketecture-diagram__text[data-product="t1"]
  text,
.c-marketecture-diagram[data-active="t1"]
  .c-marketecture-diagram__rollover[data-product="t1"],
.c-marketecture-diagram[data-active="t1"]
  .c-marketecture-diagram__rollover[data-product="t1"]
  text,
.c-marketecture-diagram[data-active="exposure-graph"]
  .c-marketecture-diagram__icon[data-product="exposure-graph"],
.c-marketecture-diagram[data-active="exposure-graph"]
  .c-marketecture-diagram__icon[data-product="exposure-graph"]
  text,
.c-marketecture-diagram[data-active="exposure-graph"]
  .c-marketecture-diagram__text[data-product="exposure-graph"],
.c-marketecture-diagram[data-active="exposure-graph"]
  .c-marketecture-diagram__text[data-product="exposure-graph"]
  text,
.c-marketecture-diagram[data-active="exposure-graph"]
  .c-marketecture-diagram__rollover[data-product="exposure-graph"],
.c-marketecture-diagram[data-active="exposure-graph"]
  .c-marketecture-diagram__rollover[data-product="exposure-graph"]
  text,
.c-marketecture-diagram[data-active="native-data"]
  .c-marketecture-diagram__icon[data-product="native-data"],
.c-marketecture-diagram[data-active="native-data"]
  .c-marketecture-diagram__icon[data-product="native-data"]
  text,
.c-marketecture-diagram[data-active="native-data"]
  .c-marketecture-diagram__text[data-product="native-data"],
.c-marketecture-diagram[data-active="native-data"]
  .c-marketecture-diagram__text[data-product="native-data"]
  text,
.c-marketecture-diagram[data-active="native-data"]
  .c-marketecture-diagram__rollover[data-product="native-data"],
.c-marketecture-diagram[data-active="native-data"]
  .c-marketecture-diagram__rollover[data-product="native-data"]
  text,
.c-marketecture-diagram[data-active="third-party"]
  .c-marketecture-diagram__icon[data-product="third-party"],
.c-marketecture-diagram[data-active="third-party"]
  .c-marketecture-diagram__icon[data-product="third-party"]
  text,
.c-marketecture-diagram[data-active="third-party"]
  .c-marketecture-diagram__text[data-product="third-party"],
.c-marketecture-diagram[data-active="third-party"]
  .c-marketecture-diagram__text[data-product="third-party"]
  text,
.c-marketecture-diagram[data-active="third-party"]
  .c-marketecture-diagram__rollover[data-product="third-party"],
.c-marketecture-diagram[data-active="third-party"]
  .c-marketecture-diagram__rollover[data-product="third-party"]
  text {
  opacity: 1;
}

.c-marketecture-diagram__center-glow {
  z-index: -1;
  opacity: 0.15;
  justify-content: center;
  align-items: center;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 0;
}

.c-marketecture-diagram__center-glow img {
  max-width: 40%;
  position: relative;
  top: -0.6%;
  left: -0.3%;
}

@media (max-width: 640px) {
  .c-marketecture-diagram__desktop {
    display: none;
  }
}

.c-marketecture-diagram__mobile {
  position: relative;
  width: 100%;
  margin-inline: auto;
}

@media (min-width: 641px) {
  .c-marketecture-diagram__mobile {
    display: none;
  }
}

@media (max-width: 640px) {
  .hexagon-title,
  .hexagon-subtitle {
    display: none;
  }

  .c-marketecture-diagram__top-bg img {
    width: 100%;
    position: relative;
    top: -3px;
  }
}

.c-marketecture-diagram__mobile .c-marketecture-diagram__svg {
  align-content: flex-end;
  display: flex;
}

.c-marketecture-diagram__mobile .c-marketecture-diagram__svg svg {
  width: 100%;
}

.c-marketecture-diagram__mobile .c-marketecture-diagram__bg {
  bottom: initial;
  height: 100%;
}

.c-marketecture-diagram__mobile .c-marketecture-diagram__bg img {
  width: 100%;
}

.c-marketecture-diagram__mobile-content {
  background: url("https://www.tenable.com/themes/custom/tenable/dist/mark-bg-mobile-rpt.0837b8f7.png")
    0 0/100% repeat-y;
  padding: 0 20px;
}

.c-marketecture-diagram__mobile-link {
  border-bottom: 1px solid #86868680;
  width: 100%;
  padding: 15px;
  font-size: 1.25rem;
  font-weight: 600;
  text-decoration: none;
  display: block;
  position: relative;
  z-index: 2;
}

.c-marketecture-diagram__mobile-link:first-of-type {
  padding-top: 0;
}

.c-marketecture-diagram__mobile-link:first-of-type svg {
  top: -15px;
}

.c-marketecture-diagram__mobile-link svg {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.c-marketecture-diagram__mobile-link:hover svg path {
  fill: #fff;
}

.c-marketecture-diagram__mobile-bottom {
  position: relative;
}

.c-marketecture-diagram__bottom-bg img {
  width: 100%;
}

.c-marketecture-diagram__poweredby svg {
  margin: auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

.c-marketecture-diagram__t1-logo {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.c-marketecture-diagram__t1-logo a {
  display: block;
}

.c-marketecture-diagram__t1-logo img {
  width: 35vw;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__mobile
  .c-marketecture-diagram__svg {
  flex-direction: column;
  min-height: 500px;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__mobile
  .c-marketecture-diagram__t1 {
  margin-bottom: -42px;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__mobile
  .c-marketecture-diagram__t1
  a {
  text-decoration: none;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__mobile
  .c-marketecture-diagram__t1
  h2 {
  color: #00f0ff;
  margin-bottom: 5px;
  text-align: center;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__mobile
  .c-marketecture-diagram__t1
  p {
  text-align: center;
  color: #fff;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__mobile
  .c-marketecture-diagram__mobile-top {
  margin-bottom: -6px;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__mobile
  .c-marketecture-diagram__mobile-content {
  background: url("https://www.tenable.com/themes/custom/tenable/dist/mobile-bg-rpt.dd23158f.png")
    0 0/100% repeat-y;
  padding: 0 30px;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__mobile
  .c-marketecture-diagram__mobile-bottom {
  z-index: 0 !important;
  position: relative;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__mobile
  .c-marketecture-diagram__mobile-diagram {
  margin: 0 0 -50px;
}

@media (min-width: 380px) {
  .c-marketecture-diagram--v7
    .c-marketecture-diagram__mobile
    .c-marketecture-diagram__mobile-diagram {
    margin-top: -30px;
  }
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__mobile
  .c-marketecture-diagram__mobile-diagram
  img {
  width: 100%;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__mobile
  .c-marketecture-diagram__mobile-links {
  position: relative;
  bottom: -80px;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__mobile
  .c-marketecture-diagram__mobile-link {
  border-bottom-color: #0099a0;
  padding: 15px 0;
  color: #fff;
  font-size: 16px;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__mobile
  .c-marketecture-diagram__mobile-link:hover {
  color: #00f0ff;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__mobile
  .c-marketecture-diagram__mobile-link:first-of-type {
  border-top: 1px solid #0099a0;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__mobile
  .c-marketecture-diagram__mobile-link:first-of-type
  svg {
  top: 0;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__mobile
  .c-marketecture-diagram__accordion {
  position: relative;
}

@media (min-width: 380px) {
  .c-marketecture-diagram--v7
    .c-marketecture-diagram__mobile
    .c-marketecture-diagram__accordion {
    top: -30px;
  }
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__mobile
  .c-marketecture-diagram__accordion-item {
  border-bottom: 1px solid #00f4ff;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__mobile
  .c-marketecture-diagram__accordion-item
  h4 {
  cursor: pointer;
  background-image: linear-gradient(#00386400, #003864);
  margin-bottom: 0;
  padding: 15px 35px 15px 15px;
  font-size: 16px;
  color: #fff;
  position: relative;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__mobile
  .c-marketecture-diagram__accordion-item
  h4
  svg {
  margin: auto;
  transition: all 0.35s;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  transform: rotate(90deg);
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__mobile
  .c-marketecture-diagram__accordion-item.js-active
  h4
  svg {
  transform: rotate(-90deg);
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__mobile
  .c-marketecture-diagram__accordion-item:first-of-type {
  border-top: 1px solid #00f4ff;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__mobile
  .c-marketecture-diagram__accordion-content {
  padding: 15px;
  font-size: 16px;
  display: none;
  color: #fff;
  font-family: Aeonik Pro, system-ui, -apple-system, roboto, segoe ui;
}

.c-marketecture-diagram--v7
  .c-marketecture-diagram__mobile
  .c-marketecture-diagram__accordion-item.js-active
  .c-marketecture-diagram__accordion-content {
  display: block;
}

.c-marketecture-diagram--cnapp {
  margin-top: 50px;
  margin-bottom: 150px;
}

.c-marketecture-diagram--cnapp .c-marketecture-diagram__trigger {
  opacity: 0;
  transition: all 0.2s;
}

.c-marketecture-diagram--cnapp .c-marketecture-diagram__trigger path {
  pointer-events: all;
}

.c-marketecture-diagram--cnapp .c-marketecture-diagram__rollover {
  background-color: #041e42f2;
  border: 0;
  border-radius: 6px;
  max-width: 250px;
  padding: 15px 15px 30px 25px;
  font-size: 18px;
  color: #fff;
  overflow: hidden;
}

@media (max-width: 1024.98px) {
  .c-marketecture-diagram--cnapp .c-marketecture-diagram__rollover {
    display: block;
  }
}

@media (max-width: 640px) {
  .c-marketecture-diagram--cnapp .c-marketecture-diagram__rollover {
    display: none;
  }
}

.c-marketecture-diagram--cnapp .c-marketecture-diagram__rollover h4 {
  color: #ff5200;
  margin-bottom: 6px;
  font-size: 18px;
}

.c-marketecture-diagram--cnapp .c-marketecture-diagram__rollover:before {
  content: "";
  background-image: linear-gradient(#00f0ff, #00002e, #ff5200);
  width: 9px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.c-marketecture-diagram--cnapp .c-marketecture-diagram__svg {
  position: relative;
}

@media (max-width: 1024.98px) {
  .c-marketecture-diagram--cnapp .c-marketecture-diagram__svg {
    margin: 0 -100px;
  }
}

@media (max-width: 530px) {
  .c-marketecture-diagram--cnapp .c-marketecture-diagram__svg {
    margin: 0 -70px;
  }
}

.c-marketecture-diagram--cnapp .c-marketecture-diagram__svg:before {
  content: "";
  z-index: -1;
  opacity: 0.8;
  background-image: radial-gradient(circle, #00eefecc 0%, #00eefe00 57%);
  position: absolute;
  inset: -200px;
}

@media (max-width: 1024.98px) {
  .c-marketecture-diagram--cnapp .c-marketecture-diagram__svg:before {
    inset: -100px;
  }
}

.c-marketecture-diagram--cnapp .c-marketecture-diagram__rollover-icon {
  max-width: 40px;
  margin-bottom: 6px;
}

.c-marketecture-diagram--cnapp .radix tspan {
  font-family: radix, aeonik pro, Arial, sans-serif !important;
}

@media (max-width: 640px) {
  .c-marketecture-diagram--cnapp .c-marketecture-diagram__desktop {
    display: block;
  }
}

.c-marketecture-diagram--cnapp[data-active="workload-protection"]
  .c-marketecture-diagram__trigger[data-item="workload-protection"],
.c-marketecture-diagram--cnapp[data-active="workload-protection"]
  .c-marketecture-diagram__rollover[data-item="workload-protection"],
.c-marketecture-diagram--cnapp[data-active="configuration-security"]
  .c-marketecture-diagram__trigger[data-item="configuration-security"],
.c-marketecture-diagram--cnapp[data-active="configuration-security"]
  .c-marketecture-diagram__rollover[data-item="configuration-security"],
.c-marketecture-diagram--cnapp[data-active="identity-security"]
  .c-marketecture-diagram__trigger[data-item="identity-security"],
.c-marketecture-diagram--cnapp[data-active="identity-security"]
  .c-marketecture-diagram__rollover[data-item="identity-security"],
.c-marketecture-diagram--cnapp[data-active="data-protection"]
  .c-marketecture-diagram__trigger[data-item="data-protection"],
.c-marketecture-diagram--cnapp[data-active="data-protection"]
  .c-marketecture-diagram__rollover[data-item="data-protection"],
.c-marketecture-diagram--cnapp[data-active="iac-security"]
  .c-marketecture-diagram__trigger[data-item="iac-security"],
.c-marketecture-diagram--cnapp[data-active="iac-security"]
  .c-marketecture-diagram__rollover[data-item="iac-security"],
.c-marketecture-diagram--cnapp[data-active="ai-security"]
  .c-marketecture-diagram__trigger[data-item="ai-security"],
.c-marketecture-diagram--cnapp[data-active="ai-security"]
  .c-marketecture-diagram__rollover[data-item="ai-security"],
.c-marketecture-diagram--cnapp[data-active="threat-detection"]
  .c-marketecture-diagram__trigger[data-item="threat-detection"],
.c-marketecture-diagram--cnapp[data-active="threat-detection"]
  .c-marketecture-diagram__rollover[data-item="threat-detection"],
.c-marketecture-diagram--cnapp[data-active="kubernetes-security"]
  .c-marketecture-diagram__trigger[data-item="kubernetes-security"],
.c-marketecture-diagram--cnapp[data-active="kubernetes-security"]
  .c-marketecture-diagram__rollover[data-item="kubernetes-security"],
.c-marketecture-diagram--cnapp[data-active="workload-protection"]
  .c-marketecture-diagram__trigger[data-item="workload-protection"],
.c-marketecture-diagram--cnapp[data-active="workload-protection"]
  .c-marketecture-diagram__rollover[data-item="workload-protection"] {
  opacity: 1;
}

.c-marketecture-diagram__rollover[data-item="workload-protection"] {
  top: -9%;
  left: 3%;
}

.c-marketecture-diagram__rollover[data-item="configuration-security"] {
  top: -9%;
  right: 3%;
}

.c-marketecture-diagram__rollover[data-item="identity-security"] {
  top: 22%;
  right: -17%;
}

@media (max-width: 1350px) {
  .c-marketecture-diagram__rollover[data-item="identity-security"] {
    right: -5%;
  }
}

.c-marketecture-diagram__rollover[data-item="data-protection"] {
  top: 56%;
  right: -17%;
}

@media (max-width: 1350px) {
  .c-marketecture-diagram__rollover[data-item="data-protection"] {
    right: -5%;
  }
}

.c-marketecture-diagram__rollover[data-item="iac-security"] {
  top: 86%;
  right: 3%;
}

.c-marketecture-diagram__rollover[data-item="ai-security"] {
  top: 86%;
  left: 3%;
}

.c-marketecture-diagram__rollover[data-item="threat-detection"] {
  top: 56%;
  left: -17%;
}

@media (max-width: 1350px) {
  .c-marketecture-diagram__rollover[data-item="threat-detection"] {
    left: 5%;
  }
}

.c-marketecture-diagram__rollover[data-item="kubernetes-security"] {
  top: 22%;
  left: -17%;
}

@media (max-width: 1350px) {
  .c-marketecture-diagram__rollover[data-item="kubernetes-security"] {
    left: 5%;
  }
}