@import url("../../../../assets/css/aeonik-font.css");

@font-face {
  font-family: "Radix";
  src: url("../../../../assets/fonts/radix-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: Aeonik Pro, system-ui, -apple-system, roboto, segoe ui,
    sans-serif;
}

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

img {
  image-rendering: -webkit-optimize-contrast;
}

select::-ms-expand {
  display: none;
}

body {
  font-family: "Aeonik Pro";
  font-style: normal;
  background: #e4f1fd;
}

.container {
  max-width: 1210px !important;
  width: 100% !important;
  margin: 0 auto;
  padding: 0 15px;
}

@media (max-width: 1199.98px) {
  .container {
    max-width: 768px !important;
    padding: 0 40px;
  }
}

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

.hero-section {
  padding: 24px 0 7px;
  position: relative;
  overflow-x: clip;
}

.hero-section .container {
  max-width: 1233px !important;
  padding: 0 15px;
}

.hero-section::before {
  content: "";
  max-width: 2071px;
  width: 100%;
  height: 730px;
  position: absolute;
  z-index: -2;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  background-image: url("../img/hero-section-1920.svg");
  background-repeat: no-repeat;
  background-size: 2071px auto;
  background-position: center;
}

@media (min-width: 1921px) {
  .hero-section::before {
    max-width: 3840px;
    background-image: url("../img/hero-section-4k.svg");
    background-size: 3840px auto;
    height: 664px;
  }
}

.hero-section .overlay {
  position: fixed;
  inset: 0;
  background: rgba(1, 1, 68, 0.6);
  backdrop-filter: blur(2px);
  z-index: 999;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 40px 20px;
  justify-content: center;
  align-items: flex-start;
  display: none;
}

body.overlay-hide {
  overflow: hidden;
}

body.overlay-hide .hero-section .overlay {
  display: flex;
}

.hero-section .tenable-logo {
  margin-bottom: 27px;
}

.hero-section .tenable-logo a {
  display: block;
  max-width: 208px;
}

.hero-section .tenable-logo a img {
  position: relative;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  max-width: 166px;
  width: 100%;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.hero-section .hero-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.hero-section .hero-wrap .hero-content {
  max-width: 591px;
  width: 100%;
}

.hero-section .hero-wrap .hero-content .hero-title {
  color: #00f0ff;
  font-family: "Radix";
  font-size: 62px;
  font-style: normal;
  font-weight: 400;
  line-height: 70px;
  margin-top: 38px;
  margin-bottom: 24px;
}

.hero-section .hero-wrap .hero-content h5 {
  color: #fff;
  font-family: "Aeonik Pro";
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: 42px;
  margin-bottom: 24px;
}

.hero-section .hero-wrap .hero-content .hero-subtitle {
  color: #fff;
  font-family: "Aeonik Pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 23px;
}

.hero-section .hero-wrap .hero-content .hero-mail {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  border-radius: 999px;
  padding: 4px;
  width: 450px;
  height: 60px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  margin-left: 2px;
}

.hero-section .hero-wrap .hero-content .hero-mail input {
  border: none;
  outline: none;
  padding: 12px 16px;
  font-size: 16px;
  border-radius: 999px 0 0 999px;
  color: #64748b;
  flex: 1;
  font-weight: 500;
  line-height: 150%;
}

.hero-section .hero-wrap .hero-content .hero-mail 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: #041e42 !important;
}

.hero-section .hero-wrap .hero-content .hero-mail input::placeholder {
  color: #64748b;
  font-family: "Aeonik Pro";
  font-size: 16px;
  font-weight: 500;
  line-height: 150% !important;
}

.hero-mail input.filled,
.hero-mail input.filled:focus {
  color: #041e42 !important;
}

.hero-mail input.filled.invalid {
  color: #fb2c36 !important;
}

.hero-section .hero-wrap .hero-content .error-msg {
  color: #fb2c36;
  margin-top: 5px;
  font-size: 14px;
  margin-left: 24px;
  font-family: "Aeonik Pro";
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}

@media (min-width: 768px) {
  .hero-section .hero-wrap .hero-content .error-msg.error-msg-m {
    display: none !important;
  }
}

.hero-section .hero-wrap .hero-content .hero-mail button {
  background-color: #00f0ff;
  color: #041e42;
  border: none;
  width: 150px;
  height: 100%;
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.3s ease;
  font-family: "Aeonik Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}

.hero-section .hero-wrap .hero-content .hero-mail button:hover {
  background-color: #00d8e0;
}

.hero-section .hero-wrap .hero-content .hero-mail button:focus-visible {
  outline: unset;
}

.hero-section .hero-img {
  max-width: 670px;
  width: 100%;
}

.hero-section .hero-img img {
  transform: translate(83px, -91px);
}

.hero-section .overlay {
  position: fixed;
  inset: 0;
  background: rgba(1, 1, 68, 0.6);
  backdrop-filter: blur(2px);
  z-index: 999;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 40px 20px;
  justify-content: center;
  align-items: flex-start;
  display: none;
}

/* form */
.hero-section .hero-form {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out 0.4s;
  -o-transition: all 0.2s ease-in-out 0.4s;
  transition: all 0.2s ease-in-out 0.4s;
}

.hero-animation .hero-section .hero-form {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: auto;
  margin-bottom: auto;
}

.hero-section .hero-form {
  background: linear-gradient(
    180deg,
    #fff 68.91%,
    rgba(255, 255, 255, 0.96) 100%
  );

  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  display: block;
  max-width: 529px;
  width: 100%;
  padding: 33px 39px 28px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-top: 10px;
}

.hero-section
  .mktoForm[id="mktoForm_7469"]Row.form_triggerGDPR
  + .mktoFormRow
  .mktoHtmlText.mktoHasWidth {
  width: 100% !important;
}

.hero-section .hero-form h3 {
  color: var(--Accents-Midnight, #041e42);
  text-align: center;
  font-family: "Aeonik Pro";
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-top: 0;
  margin-bottom: 22px;
}

.hero-section .hero-form h3 br {
  display: none;
}

.hero-section
  .mktoForm[id="mktoForm_7469"]
  .mktoButtonWrap.mktoPurpleCandy
  button.mktoButton {
  max-width: 170px !important;
  width: 100% !important;
  display: flex !important;
  height: 56px;
  padding: 0px 2px;
  margin: 0 auto;
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  border: 2px solid #00f0ff;
  color: #041e42;
  background-color: #00f0ff !important;
  font-family: "Aeonik Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: normal;
  text-decoration: none;
}

.hero-section .mktoForm .mktoOffset,
.hero-section .mktoForm .mktoGutter {
  display: none;
}

.hero-section .mktoForm[id="mktoForm_7469"] input,
.hero-section .mktoForm[id="mktoForm_7469"] textarea,
.hero-section .mktoForm[id="mktoForm_7469"] select {
  border: 1.5px solid var(--Utility-300, #c7ccd5);
  border-radius: 9px !important;
  height: 50px;
  background-color: #fff !important;
  font-family: "Aeonik Pro";
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #828e99 !important;
  padding-left: 16px;
  padding-right: 16px;
}

.hero-section .mktoForm[id="mktoForm_7469"] textarea {
  padding-top: 16px;
  min-height: 101px;
}

.hero-section .mktoForm[id="mktoForm_7469"] input[name="Phone"],
.hero-section .mktoForm[id="mktoForm_7469"] select[name="Employee_Range__c"],
.hero-section .mktoForm[id="mktoForm_7469"] input[name="Title"] {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.hero-section .mktoForm[id="mktoForm_7469"] {
  max-width: 100% !important;
  width: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.hero-section .product-get-started__form .mktoFormRow:nth-child(3) {
  width: calc(50% - 9px) !important;
}

.hero-section .product-get-started__form .mktoFormRow:nth-child(2) {
  width: calc(50% - 9px) !important;
  margin-right: 17px;
}

.hero-section .product-get-started__form .mktoFormRow:nth-child(5) {
  width: calc(50% + 1px) !important;
  clear: none !important;
  float: left !important;
}

.hero-section .product-get-started__form .mktoFormRow:nth-child(6) {
  width: calc(50% - 0.5px) !important;
  clear: none !important;
  float: left !important;
  margin-left: -1px;
}

.hero-section .product-get-started__form .mktoFormRow:nth-child(7) {
  width: calc(50% + 1px) !important;
  margin-left: 0;
}

.hero-section .product-get-started__form .mktoFormRow:nth-child(8) {
  width: calc(50% - 1px) !important;
  margin-left: -1px;
}

.hero-section .product-get-started__form .mktoFormRow:nth-child(9) {
  width: 100% !important;
}

.hero-section .mktoFormRow.form_Comments__c {
  position: relative;
}

.hero-section .mktoForm .mktoAsterix {
  padding-left: 0;
  color: #828e99 !important;
  font-size: 16px !important;
  display: none !important;
}

.hero-section .mktoForm[id="mktoForm_7469"] .mktoButtonRow {
  width: 100%;
  margin-top: 5px;
}

.hero-section .mktoForm[id="mktoForm_7469"] label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: none;
  padding: 0 5px;
  position: absolute;
  top: 18px;
  pointer-events: none;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: inline-block !important;
  width: auto !important;
  left: 12px;
  z-index: 11;
  padding-bottom: 0 !important;
  color: #041e42;
  font-family: "Aeonik Pro";
  font-size: 14px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 17.5px;
}

.hero-section .product-get-started__form .mktoCheckboxList,
.hero-section .product-get-started__form .mktoFieldWrap,
.hero-section .product-get-started__form .mktoFormCol,
.hero-section .product-get-started__form .mktoFormRow,
.hero-section .product-get-started__form .mktoLabel,
.hero-section .product-get-started__form .mktoLogicalField,
.hero-section .product-get-started__form input,
.hero-section .product-get-started__form select,
.hero-section .product-get-started__form textarea {
  width: 100% !important;
}

.hero-section .mktoForm[id="mktoForm_7469"] .focused label,
/* .hero-section .mktoForm[id="mktoForm_7469"] .error-in label, */
.hero-section .mktoForm[id="mktoForm_7469"] .filled label {
  top: -5px;
  background-color: rgba(255, 255, 255, 0.98) !important;
  z-index: 99;
  font-size: 12px;
  font-weight: 500 !important;
  line-height: 13px;
  left: 10px;
}

.hero-section
  .mktoForm[id="mktoForm_7469"]
  .mktoFieldWrap.focused
  label#LblEmployee_Range__c,
.hero-section
  .mktoForm[id="mktoForm_7469"]
  .mktoFieldWrap.error-in
  label#LblEmployee_Range__c,
.hero-section
  .mktoForm[id="mktoForm_7469"]
  .mktoFieldWrap.filled
  label#LblEmployee_Range__c {
  display: block !important;
}

.hero-section .mktoForm[id="mktoForm_7469"] .mktoFormCol {
  margin-bottom: 16px !important;
}

.hero-section .mktoForm[id="mktoForm_7469"] select.mktoField {
  background-image: none;
  padding-left: 13px;
}

.hero-section .mktoForm[id="mktoForm_7469"] input.mktoField.mktoInvalid,
.hero-section .mktoForm[id="mktoForm_7469"] select.mktoField.mktoInvalid,
.hero-section .mktoForm[id="mktoForm_7469"] textarea.mktoField.mktoInvalid,
.hero-section .mktoForm[id="mktoForm_7469"] div.mktoLogicalField.mktoInvalid {
  border: 1.5px solid #c7ccd5 !important;
}

.hero-section .mktoForm[id="mktoForm_7469"] .focused input.mktoField,
.hero-section .mktoForm[id="mktoForm_7469"] .focused select.mktoField,
.hero-section .mktoForm[id="mktoForm_7469"] .focused textarea.mktoField {
  color: #041c3c !important;
}

.hero-section .mktoForm[id="mktoForm_7469"] .filled input.mktoField,
.hero-section .mktoForm[id="mktoForm_7469"] .filled select.mktoField,
.hero-section .mktoForm[id="mktoForm_7469"] .filled textarea.mktoField {
  color: #041e42 !important;
  border: 1.5px solid var(--Utility-400, #94a3b8);
}

.hero-section .mktoForm[id="mktoForm_7469"] .filled label {
  color: #65758c;
}

.hero-section .form_triggerGDPR .mktoLogicalField label {
  left: 0;
  top: 6px;
  margin-left: 0;
  font-size: 16px;
  line-height: 24px;
  padding-left: 23px;
  background: transparent !important;
  color: #828e99 !important;
  padding-right: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  pointer-events: none;
}

.hero-section .mktoForm[id="mktoForm_7469"] .typing input.mktoField,
.hero-section .mktoForm[id="mktoForm_7469"] .typing select.mktoField,
.hero-section .mktoForm[id="mktoForm_7469"] .typing textarea.mktoField {
  color: #041c3c !important;
  border: 1px solid #041e42 !important;
  z-index: 9;
  position: relative;
}

.hero-section .mktoForm[id="mktoForm_7469"] .typing label {
  color: #65758c;
}

.hero-section .mktoForm[id="mktoForm_7469"] .typing .mktoAsterix {
  color: #65758c !important;
}

.hero-section .mktoForm[id="mktoForm_7469"] .error-in input.mktoField,
.hero-section .mktoForm[id="mktoForm_7469"] .error-in select.mktoField,
.hero-section .mktoForm[id="mktoForm_7469"] .error-in textarea.mktoField {
  border: 1.5px solid #e94a6f !important;
  z-index: 9;
  position: relative;
}

.hero-section .mktoForm[id="mktoForm_7469"] .error-in label,
.hero-section .mktoForm[id="mktoForm_7469"] .error-in label .mktoAsterix {
  color: #e94a6f !important;
}

.hero-section .mktoForm input[type="checkbox"] + label:before,
.mktoForm input[type="radio"] + label:before {
  left: 19px;
  top: 6px;
}

.hero-section .mktoForm[id="mktoForm_7469"] label[for="triggerGDPR"] {
  position: relative;
  top: -16px;
  left: -2px;
  margin: 0;
  padding: 0;
  width: 16px !important;
  height: 16px !important;
  background-color: transparent !important;
  z-index: 0;
}

.hero-section .mktoForm[id="mktoForm_7469"] input[name="triggerGDPR"] {
  width: 16px !important;
  display: inline-block !important;
  height: 16px !important;
  padding: 0 !important;
  position: relative;
  left: -6px;
  top: -8px;
}

.hero-section .mktoForm[id="mktoForm_7469"] label#LbltriggerGDPR.mktoHasWidth {
  padding-left: 25px;
  position: relative;
  top: 0;
  left: 0;
  font-family: "Aeonik Pro" !important;
  font-weight: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: #828e99 !important;
}

.hero-section p.gdpr-text {
  padding-bottom: 0 !important;
  font-family: "Aeonik Pro";
  font-weight: normal;
  font-size: 16px !important;
  line-height: 24px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #828e99;
  max-width: 100% !important;
}

.hero-section p.gdpr-text small {
  font-family: "Aeonik Pro";
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #828e99 !important;
  padding: 0;
  width: 100%;
}

.hero-section p.gdpr-text small a {
  color: #041e42 !important;
  padding: 0;
  font-weight: 700;
}

.hero-section p.gdpr-text small a:hover,
.hero-section p.gdpr-text small a:focus {
  color: #041e42 !important;
}

.hero-section p.gdpr-text small a:active {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: #041e42 !important;
  font-weight: 400;
}

.hero-section .gdpr-row {
  width: 100% !important;
}

.hero-section .mktoForm[id="mktoForm_7469"] select option {
  font-family: "Aeonik Pro", Helvetica, Arial, sans-serif !important;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #828e99 !important;
}

.hero-section
  .product-get-started__form
  .mktoFormRow.form_triggerGDPR
  + .mktoFormRow
  .mktoFormCol {
  padding-left: 0;
}

.hero-section
  .mktoForm[id="mktoForm_7469"]
  .mktoButtonWrap.mktoPurpleCandy
  button.mktoButton:hover,
.hero-section
  .mktoForm[id="mktoForm_7469"]
  .mktoButtonWrap.mktoPurpleCandy
  button.mktoButton:active {
  color: #00f0ff;
  background-color: transparent !important;
}

.hero-section .mktoForm[id="mktoForm_7469"] .mktoError .mktoErrorArrow {
  background-color: rgba(4, 30, 66, 0.7) !important;
  border: 1px solid rgba(4, 30, 66, 0.7) !important;
  width: 12px;
  height: 12px;
  margin-top: 2px;
}

.hero-section .mktoForm[id="mktoForm_7469"] .mktoError .mktoErrorMsg {
  background-color: rgba(4, 30, 66, 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;
  flex-wrap: wrap;
  border-radius: 8px;
  margin-top: 5px;
  padding: 6px;
  outline: none;
}

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

.hero-section .mktoForm .mktoError .mktoErrorMsg .mktoErrorMsg-icon {
  margin-right: 4px;
}

.hero-section .mktoForm .mktoError .mktoErrorMsg .mktoErrorMsg-msg {
  text-align: start;
}

.hero-section .mktoForm[id="mktoForm_7469"] .mktoError .mktoErrorArrowWrap {
  top: 0 !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 12px !important;
  height: 5px !important;
}

.hero-section .mktoForm[id="mktoForm_7469"] .mktoError {
  right: 0 !important;
  left: calc(50% - 95px);
  width: 190px;
  z-index: 9999;
  bottom: 0px !important;
  top: 100% !important;
}

.hero-section .product-get-started hr {
  display: none;
}

.hero-section .mktoForm[id="mktoForm_7469"] input:-webkit-autofill,
.hero-section .mktoForm[id="mktoForm_7469"] input[type="text"]:-webkit-autofill,
.hero-section
  .mktoForm[id="mktoForm_7469"]
  input[type="email"]:-webkit-autofill,
.hero-section .mktoForm[id="mktoForm_7469"] input[type="tel"]:-webkit-autofill,
.hero-section
  .mktoForm[id="mktoForm_7469"]
  input[type="number"]:-webkit-autofill,
.hero-section .mktoForm[id="mktoForm_7469"] input[type="date"]:-webkit-autofill,
.hero-section .mktoForm[id="mktoForm_7469"] textarea:-webkit-autofill,
.hero-section .mktoForm[id="mktoForm_7469"] select.mktoField:-webkit-autofill,
.hero-section
  .mktoForm[id="mktoForm_7469"]
  input[type="text"]:-webkit-autofill:focus,
.hero-section
  .mktoForm[id="mktoForm_7469"]
  input[type="url"]:-webkit-autofill:focus,
.hero-section
  .mktoForm[id="mktoForm_7469"]
  input[type="email"]:-webkit-autofill:focus,
.hero-section
  .mktoForm[id="mktoForm_7469"]
  input[type="tel"]:-webkit-autofill:focus,
.hero-section
  .mktoForm[id="mktoForm_7469"]
  input[type="number"]:-webkit-autofill:focus,
.hero-section
  .mktoForm[id="mktoForm_7469"]
  input[type="date"]:-webkit-autofill:focus,
.hero-section
  .mktoForm[id="mktoForm_7469"]
  select.mktoField:-webkit-autofill:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
  -webkit-text-fill-color: #041c3c !important;
}

.hero-section .mob-only {
  display: none;
}

@media (max-width: 1199.98px) {
  .hero-section {
    padding: 28px 0 141px;
  }

  .hero-section .hero-img {
    display: none;
  }

  .hero-section::before {
    background-image: url("../img/hero-section-t.svg");
    height: 722px;
    width: 100%;
    left: 0;
    right: 0;
    transform: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center calc(100% - 50px);
  }

  .hero-section .tenable-logo {
    margin-bottom: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .hero-section .hero-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
  }

  .hero-section .hero-wrap .hero-content {
    max-width: 690px;
    width: 100%;
    margin-bottom: 40px;
    text-align: center;
  }

  .hero-section .hero-wrap .hero-content .hero-title {
    margin-top: 33px;
  }

  .hero-section .hero-wrap .hero-content .hero-subtitle {
    margin-bottom: 59px;
  }

  .hero-section .hero-wrap .hero-content .hero-mail {
    margin: 0 auto;
  }

  .hero-section .hero-form {
    max-width: 529px;
    margin: 0 auto;
  }
}

@media (max-width: 767.98px) {
  .hero-section {
    padding-top: 30px;
    padding-bottom: 181px;
  }

  .hero-section::before {
    background-image: url(../img/hero-section-390.svg);
    height: 899px;
  }

  .hero-section .tenable-logo {
    margin-bottom: 32px;
  }

  .hero-section .hero-content {
    max-width: 390px !important;
    margin-bottom: 40px !important;
    margin: 0 auto;
  }

  .hero-section .hero-wrap {
    max-width: 390px;
    width: 100%;
    margin: 0 auto;
  }

  .hero-section .hero-wrap .hero-content .hero-title {
    margin-top: 4px;
    margin-bottom: 25px;
    font-size: 52px;
    line-height: 70px;
  }

  .hero-section .hero-wrap .hero-content h5 {
    font-size: 28px;
    line-height: 120%;
    margin-bottom: 25px;
  }

  .hero-section .hero-wrap .hero-content .hero-subtitle {
    font-size: 18px;
    line-height: 26px;
    max-width: 346px;
    margin: 0 auto 39px;
  }

  .hero-section .hero-wrap .hero-content .hero-mail {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 0;
    background: transparent;
    border-radius: unset;
    padding: 0 6px;
    height: auto;
    box-shadow: unset;
  }

  .hero-section .hero-wrap .hero-content .hero-mail input,
  .hero-section .hero-wrap .hero-content .hero-mail button {
    width: 100%;
    border-radius: 100px;
    height: 52px;
  }

  .hero-section .hero-wrap .hero-content .hero-mail input {
    min-height: 52px;
    padding: 4px 4px 4px 24px;
    margin-bottom: 16px;
  }

  .hero-section .hero-wrap .hero-content .error-msg.error-msg-d {
    display: none !important;
  }

  .hero-section .hero-wrap .hero-content .error-msg {
    margin-top: -11px;
    margin-bottom: 5px;
    text-align: start;
  }

  .hero-section .hero-form {
    max-width: 335px;
    padding: 34px 19px 28px;
  }

  .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix {
    float: right !important;
  }

  .hero-section .mktoForm[id="mktoForm_7469"] input,
  .hero-section .mktoForm[id="mktoForm_7469"] select {
    height: 50px;
  }

  .hero-section .mktoForm[id="mktoForm_7469"] textarea {
    height: 100px;
    padding-top: 12px;
  }

  .hero-section .product-get-started__form .form_Comments__c .mktoFormCol {
    margin-bottom: 14px !important;
  }

  .hero-section .product-get-started__form .mktoFormRow:nth-child(4) {
    width: 100% !important;
  }

  .hero-section .mktoForm[id="mktoForm_7469"] {
    padding: 0;
  }

  .hero-section p.gdpr-text small,
  .hero-section .form_triggerGDPR .mktoLogicalField label {
    top: -2px;
    margin: 0;
  }

  .hero-section .mktoForm[id="mktoForm_7469"] input[name="triggerGDPR"] {
    top: -18px;
  }

  .hero-section
    .mktoForm[id="mktoForm_7469"]
    .mktoButtonWrap.mktoPurpleCandy
    button.mktoButton {
    max-width: 100% !important;
  }

  .hero-section .hero-form h3 {
    margin-bottom: 25px;
  }

  .hero-section .hero-form p {
    font-size: 16px;
  }

  .hero-section .product-get-started__form .mktoFormRow:nth-child(2) {
    width: calc(100% + 0px) !important;
    margin-right: 0px;
    margin-bottom: 3px !important;
  }

  .hero-section .product-get-started__form .mktoFormRow:nth-child(3) {
    width: calc(100% + 0px) !important;
  }

  .hero-section .mktoForm[id="mktoForm_7469"] label {
    top: 18px;
  }

  .hero-section .mktoForm[id="mktoForm_7469"] .mktoButtonRow {
    margin-top: 6px;
  }
}

/* Hero sections ends */

/* Win with one section Starts */
.attack-section {
  padding: 0px 0px 130px;
  overflow-x: clip;
  background: #e3f0fc;
}

.attack-section .attack-title {
  margin-bottom: 62px;
  color: var(--Basic-Midnight-Blue, #041e42);
  text-align: center;
  font-family: "Aeonik Pro";
  font-size: 46px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin: 0 auto;
}

.attack-section .attack-subtitle {
  color: var(--Basic-Midnight-Blue, #041e42);
  text-align: center;
  font-family: "Aeonik Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 13px auto 132px;
  width: 100%;
  max-width: 950px;
}

.attack-section .attack-block-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 66px;
}

.attack-section .attack-block {
  max-width: 349.33px;
  width: 100%;
}

.attack-section .attack-block .attack-detail {
  text-align: center;
  position: relative;
  z-index: 1;
}

.attack-section .attack-block .attack-detail::before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='426' height='348' viewBox='0 0 426 348' fill='none'%3E%3Cg filter='url(%23filter0_d_25950_5522)'%3E%3Cpath d='M192.215 54.564C205.077 47.1453 220.923 47.1453 233.785 54.564L372.215 134.413C385.077 141.831 393 155.542 393 170.379V244.442V331.712H233.785H192.215H33V244.442V170.379C33 155.542 40.923 141.831 53.7846 134.413L192.215 54.564Z' fill='url(%23paint0_linear_25950_5522)' fill-opacity='0.7' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_25950_5522' x='0.457626' y='0.18644' width='425.085' height='347.797' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='-16.2712'/%3E%3CfeGaussianBlur stdDeviation='16.2712'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.0156863 0 0 0 0 0.117647 0 0 0 0 0.258824 0 0 0 0.04 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_25950_5522'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_25950_5522' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_25950_5522' x1='213' y1='331.712' x2='213' y2='49' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E9F3FD' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  width: 426px;
  height: 348px;
  top: -116px;
  left: -36px;
  z-index: -1;
}

.attack-section .attack-block .attack-detail .block-title {
  color: var(--Basic-Midnight-Blue, #041e42);
  text-align: center;
  font-family: "Aeonik Pro";
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 3px;
}

.attack-section .attack-block .attack-detail .block-subtitle {
  color: var(--Basic-Midnight-Blue, #041e42);
  font-family: "Aeonik Pro";
  font-size: 46px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.attack-section .attack-block .attack-detail .block-text {
  color: var(--Basic-Midnight-Blue, #041e42);
  text-align: center;
  font-family: "Aeonik Pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  padding: 0 16px;
  margin-top: 20px;
}

@media (max-width: 1199.98px) {
  .attack-section {
    padding: 0px 0px 27px;
  }

  .attack-section .attack-block-wrap {
    flex-wrap: wrap;
    justify-content: center;
    gap: 64px;
  }

  .attack-section .attack-block {
    max-width: 308px;
    padding: 0;
    margin-bottom: 32px;
    text-align: center;
    border-left: none;
  }

  .attack-section .attack-block:not(:last-child) {
    margin-bottom: 2px;
  }

  .attack-section .attack-block .attack-detail {
    margin-bottom: 0px !important;
  }

  .attack-section .attack-block .attack-detail::before {
    width: 384px;
    height: 344px;
    top: -111px;

    left: -38px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='384' height='404' viewBox='0 0 384 404' fill='none'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath d='M173.294 49.0076C184.869 42.3308 199.131 42.3308 210.706 49.0076L335.294 120.871C346.869 127.548 354 139.887 354 153.241V219.897V388.441H210.706H173.294H30V219.897V153.241C30 139.887 37.1307 127.548 48.7061 120.871L173.294 49.0076Z' fill='url(%23paint0_linear)' fill-opacity='0.7' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0.7119' y='0.0678' width='382.576' height='403.017' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='-14.6441'/%3E%3CfeGaussianBlur stdDeviation='14.6441'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.0156863 0 0 0 0 0.117647 0 0 0 0 0.258824 0 0 0 0.04 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear' x1='192' y1='388.441' x2='192' y2='44' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E9F3FD' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  }

  .attack-section .attack-block .attack-detail .block-text {
    padding: 0 23px;
  }
}

@media (max-width: 767.98px) {
  .attack-section .attack-title {
    font-size: 34px;
    line-height: 124%;
  }

  .attack-section .attack-subtitle {
    margin: 13px auto 109px;
  }

  .attack-section .attack-block .attack-detail::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='390' height='403' viewBox='0 0 390 403' fill='none'%3E%3Cg filter='url(%23filter0_d_25949_3614)'%3E%3Cpath d='M174.793 49.0012C187.297 42.3329 202.703 42.3329 215.207 49.0012L349.793 120.773C362.297 127.441 370 139.765 370 153.101V219.672V388H215.207H174.793H20V219.672V153.101C20 139.765 27.703 127.441 40.2073 120.773L174.793 49.0012Z' fill='url(%23paint0_linear_25949_3614)' fill-opacity='0.7' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_25949_3614' x='0.457626' y='0.18644' width='425.085' height='347.797' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='-16.2712'/%3E%3CfeGaussianBlur stdDeviation='16.2712'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.0156863 0 0 0 0 0.117647 0 0 0 0 0.258824 0 0 0 0.04 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_25949_3614'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_25949_3614' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_25949_3614' x1='195' y1='403' x2='195' y2='44' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E9F3FD' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  }

  .attack-section .attack-block:not(:last-child) {
    margin-bottom: 64px;
  }

  .attack-section .attack-block .attack-detail .block-text {
    padding: 0;
  }
}

/* Accordion Section */
.risks-section {
  position: relative;
  z-index: 2;
  padding: 14px 0 99px;
  margin-bottom: 0px;
  overflow: hidden;
}
.risks-section .heading {
  color: #041e42;
  text-align: center;
  font-size: 46px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 13px;
  font-family: "Aeonik Pro", sans-serif;
}
.risks-section .subheading {
  color: #041e42;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  max-width: 1018px;
  margin: 0 auto 66px;
  font-family: "Aeonik Pro", sans-serif;
}
.risks-section .sub-copy {
  color: #041e42;
  text-align: center;
  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;
}

.risks-section .risks-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;
}

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

.risks-section .risks-img-wrapper {
  width: 100%;
  max-width: 550px;
  margin-right: 1px;
  position: relative;
  display: flex;
  align-items: center;
}
.risks-section .risks-img-wrapper:after {
  content: "";
  width: 615px;
  height: 488px;
  background-image: url("../img/hex_bg.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 60px;
  left: 172px;
}

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

.risks-section .risks-img-wrapper .faq-img {
  display: none;
  -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
  border-radius: 10px;
  position: relative;
  z-index: 2;
}

.risks-section .risks-img-wrapper .faq-img img {
  display: block;
  width: 100%;
  border-radius: 10px;
  box-shadow: 0px 4px 16px 0px rgba(4, 30, 66, 0.06);
}

.risks-section .risks-img-wrapper .faq-img.open {
  display: inline-block;
}

.risks-section-wrapper img.active {
  display: block;
}

.risks-section .faq-item .faq-img-mbl {
  display: none !important;
}
@media (max-width: 1199.98px) {
  .risks-section .risks-img-wrapper img {
    border-radius: 16px;
  }
}

.risks-section .risks-faq-wrapper {
  max-width: 550px;
  width: 100%;
  margin-right: 15px;
}

.risks-section .faq-item {
  padding: 25px 0 13px;
  border-bottom: 1px solid rgba(4, 30, 66, 0.1);
  overflow: hidden;
}

.risks-section .faq-item.open {
  padding: 25px 0 17px;
}

.risks-section .faq-title {
  position: relative;
  color: #041e42;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  cursor: pointer;
  padding-right: 18px;
  font-family: "Aeonik Pro", sans-serif;
}

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

.risks-section .faq-title:after {
  content: "";
  position: absolute;
  width: 24px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_26415_9168)"><path d="M3.75 12H20.25" stroke="%23041E42" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 3.75V20.25" stroke="%23041E42" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_26415_9168"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
  height: 24px;
  right: 0;
  top: calc(50% - 1px);
  transform: translateY(-50%);
}

.risks-section .faq-title.open:after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"><g clip-path="url(%23clip0_26408_5943)"><path d="M3.75 12.5H20.25" stroke="%23041E42" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_26408_5943"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"/></clipPath></defs></svg>');
}

.risks-section .faq-title.open {
  color: #041e42;
  margin-bottom: 25px;
}

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

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

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

.risks-section .faq-text p {
  color: #041e42;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 9px;
  padding-right: 50px;
  font-family: "Aeonik Pro", sans-serif;
}

.risks-section .faq-item a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
  color: #041e42;
  font-family: "Aeonik Pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  max-width: fit-content;
  width: 100%;
  margin: 18px 0 0;
  text-decoration: none;
}
.risks-section .faq-item a span {
  margin-left: 6px;
}

.risks-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;
}

.risks-section .faq-item a:hover span,
.risks-section .faq-item a:active span {
  transform: translateX(5px);
}

.risks-section .faq-title.pre_built.open {
  color: #0079dd;
}
@media (min-width: 1440px) {
  .risks-section .faq-text p {
    padding-right: 40px;
  }
}

@media (max-width: 1199.98px) {
  .risks-section {
    padding: 0 0 40px;
    position: relative;
    z-index: 1;
    margin-bottom: 60px;
  }

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

  .risks-section .heading {
    margin-bottom: 12px;
  }

  .risks-section .subheading {
    margin: 0 auto 68px;
  }

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

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

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

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

  .risks-section .faq-item {
    padding: 24px 0 15px;
    position: relative;
  }

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

  .risks-section .faq-item.open {
    padding-top: 24px;
    padding-bottom: 12px;
  }

  .risks-section .faq-title.open {
    margin-bottom: 25px;
  }
  .risks-section .faq-text p {
    padding-right: 50px;
  }
  .risks-section .faq-item a {
    margin: 18px 0 15px;
  }

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

  .risks-section .faq-item .faq-img-mbl img {
    width: 100%;
    max-width: 100%;
    border-radius: 10px;
    box-shadow: 0px 4px 16px 0px rgba(4, 30, 66, 0.06);
  }

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

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

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

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

@media (max-width: 767.98px) {
  .risks-section {
    padding: 14px 0 38px;
  }

  .risks-section .container {
    padding: 0 20px;
    max-width: 390px;
  }
  .risks-section .faq-item a {
    margin-top: 19px;
  }

  .risks-section .heading {
    font-size: 34px;
    text-align: center;
    line-height: 124%;
    padding: 0 12px;
    margin-bottom: 14px;
  }
  .risks-section .subheading {
    margin: 0 auto 34px;
  }

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

  .risks-section .faq-item {
    padding: 24px 0 23px;
  }

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

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

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

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

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

  .risks-section .faq-item .faq-img-mbl {
    transform: translate(0, 0);
    /* aspect-ratio: 35 / 22; */
    min-height: 201px;
  }

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

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

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

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

  .risks-section .faq-text p {
    margin-top: 1px;
    font-size: 16px;
    font-weight: 400;
    padding-right: 0;
  }
  .risks-section .faq-text.open {
    margin-top: 23px !important;
  }
  .testimonial-block .quote {
    display: none;
  }

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

/* Win with one section Ends */
/* blue Pattern Starts */
/* blue Pattern Starts */
.e-hexagon {
  position: relative;
  overflow-x: clip;
  padding-top: 180px;
  z-index: 1;
}

.e-hexagon-pattern::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='3840' height='3248' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M2113.63 8.655c-64.9-14.413-137.4-10.184-197.86 12.572L854.394 421.423c-75.531 28.429-122.425 81.891-122.393 139.46l.974 796.087c.075 57.49 47.12 110.96 122.808 139.33L1918.2 1895.45c74.11 27.85 166.1 27.77 240.03-.14l1061.39-400.19c75.57-28.51 122.46-81.97 122.38-139.46l552.75 1.31V675.571L2155.81 21.091c-13.56-5.119-27.65-9.212-42.18-12.436z' fill='%2300F0FF'/%3E%3Cpath d='M1846.35 8.495c65.77-14.638 139.25-10.343 200.53 12.768L3840 700.206V3248H0V700.206L1803.59 21.124c13.75-5.198 28.03-9.355 42.76-12.63z' fill='url(%23b)'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='b' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 2209.5 -893.17 0 1920 589.209)'%3E%3Cstop stop-color='%2300005B'/%3E%3Cstop offset='.224' stop-color='%2300005B'/%3E%3Cstop offset='1' stop-color='%23000026'/%3E%3C/radialGradient%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' transform='matrix(1 0 0 -1 0 3248)' d='M0 0H3840V3248H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  z-index: -1;
}

.e-hexagon .container {
  max-width: 1231px !important;
}

.exposures {
  padding-top: 80px;
}

.exposures .exposures-content {
  margin-bottom: 88px;
}

.exposures .exposures-content.ec-bottom {
  margin-bottom: 8px;
}

.exposures .tenable-one,
.exposures .exposures-content {
  text-align: center;
}

.exposures .tenable-one h3 {
  color: #00f0ff;
  text-align: center;
  font-family: "Aeonik Pro";
  font-size: 46px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.exposures .tenable-one p {
  color: #fff;
  text-align: center;
  font-family: "Aeonik Pro";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.exposures .exposures-content h2 {
  color: var(--Basic-White, #fff);
  text-align: center;
  font-family: "Aeonik Pro";
  font-size: 46px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 13px;
}

.exposures .exposures-content p {
  color: var(--Basic-White, #fff);
  text-align: center;
  font-family: "Aeonik Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding: 0 90px;
  margin-bottom: 88px;
}

.exposures .exposures-content.ec-bottom p {
  margin-bottom: 62px;
}

.exposures .exposures-content.ec-bottom img {
  width: 100%;
}

.attack-section .security-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* margin-bottom: 172px; */
  padding-top: 130px;
}

.attack-section .security-block .content-wrap {
  width: 100%;
  max-width: 540px;
}

.attack-section .security-block .content-wrap .block-title {
  color: var(--Basic-Midnight-Blue, #041e42);
  font-family: "Aeonik Pro";
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: 124%;
  margin: 73px 0 20px;
}

.attack-section .security-block .content-wrap .block-subtitle {
  color: var(--Basic-Midnight-Blue, #041e42);
  font-family: "Aeonik Pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 23px;
}

.attack-section .security-block .content-wrap a {
  color: var(--Product-Lucid-Blue, #00f0ff);
  font-family: "Aeonik Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.attack-section .security-block .content-wrap a svg {
  transition: transform 0.1s ease-out;
}

.attack-section .security-block .content-wrap a:hover svg {
  transform: translateX(10px);
}

.attack-section .security-block .img-wrap {
  max-width: 571px;
  width: 100%;
  position: relative;
  z-index: 1;
  margin-top: 33px;
}

.attack-section .security-block .img-wrap img {
  width: 100%;
  max-width: 550px;
  height: auto;
  border-radius: 10px;
  box-shadow: 0px 4px 16px 0px rgba(4, 30, 66, 0.06);
}

.attack-section .security-block .img-wrap::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='616' height='488' viewBox='0 0 616 488' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_26227_19650)'%3E%3Cpath opacity='0.497438' fill-rule='evenodd' clip-rule='evenodd' d='M337.993 482.668C327.813 488.464 315.604 489.541 304.675 485.87C302.228 485.048 299.856 484.006 297.572 482.702L118.669 381.039C105.922 373.813 97.9932 360.216 97.9859 345.554L97.8247 142.792C97.8111 128.149 105.708 114.534 118.433 107.271L297.164 5.34319C309.614 -1.76556 325.105 -1.78468 337.585 5.30769L516.489 106.972C529.234 114.197 537.156 127.815 537.169 142.458L537.333 345.219C537.338 359.881 529.441 373.498 516.723 380.739L337.993 482.668Z' fill='url(%23paint0_linear_26227_19650)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M241.008 482.668C230.828 488.464 218.619 489.541 207.691 485.87C205.244 485.048 202.872 484.006 200.587 482.702L21.6844 381.039C8.93729 373.813 1.0088 360.216 1.00152 345.554L0.84035 142.792C0.826729 128.149 8.72335 114.534 21.4486 107.271L200.18 5.34319C212.63 -1.76556 228.121 -1.78468 240.6 5.30769L419.504 106.972C432.249 114.197 440.172 127.815 440.184 142.458L440.348 345.219C440.354 359.881 432.457 373.498 419.738 380.739L241.008 482.668Z' fill='url(%23paint1_linear_26227_19650)'/%3E%3Cmask id='mask0_26227_19650' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='282' y='39' width='334' height='409'%3E%3Cpath d='M282.171 447.59L282.171 39.6404L615.458 39.6404V447.59L282.171 447.59Z' fill='white' fill-opacity='0.3'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_26227_19650)'%3E%3Cmask id='mask1_26227_19650' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='297' y='62' width='77' height='6'%3E%3Cg style='mix-blend-mode:overlay' opacity='0.611331'%3E%3Cpath d='M297.043 62.6584V67.9707L373.879 67.9707V62.6584L297.043 62.6584Z' fill='white'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask1_26227_19650)'%3E%3Cpath d='M294.92 67.9707H325.928L331.233 62.6584L373.879 62.6584' stroke='white' stroke-width='1.23155'/%3E%3C/g%3E%3Cpath d='M462.721 63.0652L373.879 62.6584' stroke='white' stroke-width='1.23155'/%3E%3Cpath d='M566.877 260.372H534.271L528.644 266.228H480.425L472.701 258.46' stroke='white' stroke-width='1.23155'/%3E%3Cmask id='mask2_26227_19650' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='462' y='52' width='221' height='16'%3E%3Cg style='mix-blend-mode:overlay' opacity='0.611331'%3E%3Cpath d='M462.722 52.364V67.9726L682.955 67.9726V52.364L462.722 52.364Z' fill='white'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask2_26227_19650)'%3E%3Cpath d='M462.722 63.0654L473.409 52.364L508.072 52.364L523.66 67.9726L682.996 67.9726' stroke='white' stroke-width='1.23155'/%3E%3C/g%3E%3Cpath d='M488.805 72.6167L474.825 86.6156H441.648' stroke='white' stroke-width='1.23155'/%3E%3Cpath d='M461.085 234.54H484.974L494.13 243.708L543.696 243.708' stroke='white' stroke-width='1.23155'/%3E%3Cpath d='M419.544 218.722L435.342 234.54H461.086' stroke='white' stroke-width='1.23155'/%3E%3Cmask id='mask3_26227_19650' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='554' y='89' width='129' height='17'%3E%3Cg style='mix-blend-mode:overlay' opacity='0.611331'%3E%3Cpath d='M554.072 89.4358V105.044L682.955 105.044V89.4358L554.072 89.4358Z' fill='white'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask3_26227_19650)'%3E%3Cpath d='M683.24 89.4358L643.774 89.4358L628.186 105.044L554.072 105.044' stroke='white' stroke-width='1.23155'/%3E%3C/g%3E%3Cpath d='M379.704 109.264L487.335 109.264L512.149 84.417L617.859 84.417' stroke='white' stroke-width='1.23155'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M297.043 87.3044H311.241L313.851 89.6216H297.043V87.3044Z' fill='white'/%3E%3Cpath d='M549.175 45.372L588.752 45.372L609.333 24.9629L649.488 24.9629' stroke='white' stroke-width='1.23155'/%3E%3Cpath d='M554.072 105.044H526.584L502.109 129.551H459.406' stroke='white' stroke-width='1.23155'/%3E%3Cmask id='mask4_26227_19650' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='568' y='125' width='115' height='29'%3E%3Cg style='mix-blend-mode:overlay' opacity='0.611331'%3E%3Cpath d='M568.865 125.646V153.081L682.955 153.081V125.646L568.865 125.646Z' fill='white'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask4_26227_19650)'%3E%3Cpath d='M568.865 125.646L617.9 125.646L645.29 153.073L686.545 153.081' stroke='white' stroke-width='1.23155'/%3E%3C/g%3E%3Cpath d='M371.68 130.868H429.743L451.927 153.081L517.569 153.081L544.983 125.646L568.865 125.646' stroke='white' stroke-width='1.23155'/%3E%3Cpath d='M498.192 194.599L416.526 194.599L398.824 212.324H362.142' stroke='white' stroke-width='1.23155'/%3E%3Cmask id='mask5_26227_19650' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='297' y='258' width='93' height='11'%3E%3Cg style='mix-blend-mode:overlay' opacity='0.611331'%3E%3Cpath d='M297.043 258.028V268.101H389.23V258.028H297.043Z' fill='white'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask5_26227_19650)'%3E%3Cpath d='M293.79 268.101H321.621L330.915 258.028H389.23' stroke='white' stroke-width='1.23155'/%3E%3C/g%3E%3Cmask id='mask6_26227_19650' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='297' y='86' width='145' height='38'%3E%3Cg style='mix-blend-mode:overlay' opacity='0.611331'%3E%3Cpath d='M297.043 86.6157V123.394L441.649 123.394V86.6157L297.043 86.6157Z' fill='white'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask6_26227_19650)'%3E%3Cpath d='M294.419 123.394H321.641L348.444 95.79L382.412 95.7836L390.852 86.6157L441.649 86.6157' stroke='white' stroke-width='1.23155'/%3E%3C/g%3E%3Cpath d='M454.762 213.742H514.242L532.655 195.304H544.58' stroke='white' stroke-width='1.23155'/%3E%3Cmask id='mask7_26227_19650' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='297' y='150' width='121' height='20'%3E%3Cg style='mix-blend-mode:overlay' opacity='0.611331'%3E%3Cpath d='M297.043 150.264V169.828L417.942 169.828V150.264L297.043 150.264Z' fill='white'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask7_26227_19650)'%3E%3Cpath d='M417.942 150.264H379.326L359.793 169.823L295.549 169.828' stroke='white' stroke-width='1.23155'/%3E%3C/g%3E%3Cmask id='mask8_26227_19650' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='297' y='130' width='75' height='24'%3E%3Cg style='mix-blend-mode:overlay' opacity='0.611331'%3E%3Cpath d='M297.043 130.868V153.089H371.679V130.868H297.043Z' fill='white'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask8_26227_19650)'%3E%3Cpath d='M296.351 153.089H331.549L353.741 130.868H371.68' stroke='white' stroke-width='1.23155'/%3E%3C/g%3E%3Cpath d='M447.991 327.336H535.458L546.342 338.235L661.052 338.235' stroke='white' stroke-width='1.23155'/%3E%3Cpath d='M594.493 399.439L621.729 426.712H637.357' stroke='white' stroke-width='1.23155'/%3E%3Cpath d='M567.585 285.688L597.816 255.418L682.296 255.418' stroke='white' stroke-width='1.23155'/%3E%3Cmask id='mask9_26227_19650' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='542' y='193' width='141' height='24'%3E%3Cg style='mix-blend-mode:overlay' opacity='0.611331'%3E%3Cpath d='M542.802 193.804V216.815L682.955 216.815V193.804L542.802 193.804Z' fill='white'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask9_26227_19650)'%3E%3Cpath d='M684.421 209.622H668.033L652.236 193.804L616.765 193.804L593.785 216.815H542.802' stroke='white' stroke-width='1.23155'/%3E%3C/g%3E%3Cpath d='M581.717 377.962H550.78L520.02 347.161L426.987 347.161L403.602 370.576H372.647L362.775 380.462' stroke='white' stroke-width='1.23155'/%3E%3Cpath d='M629.811 376.054L610.656 357.588H567.021' stroke='white' stroke-width='1.23155'/%3E%3Cmask id='mask10_26227_19650' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='612' y='278' width='71' height='23'%3E%3Cg style='mix-blend-mode:overlay' opacity='0.611331'%3E%3Cpath d='M612.894 278.171V300.598H682.955V278.171H612.894Z' fill='white'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask10_26227_19650)'%3E%3Cpath d='M683.965 300.598L662.003 278.361L612.894 278.171' stroke='white' stroke-width='1.23155'/%3E%3C/g%3E%3Cmask id='mask11_26227_19650' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='297' y='374' width='149' height='25'%3E%3Cg style='mix-blend-mode:overlay' opacity='0.611331'%3E%3Cpath d='M297.043 374.702V398.05H445.793V374.702H297.043Z' fill='white'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask11_26227_19650)'%3E%3Cpath d='M296.307 398.05H406.848L430.166 374.702H445.793' stroke='white' stroke-width='1.23155'/%3E%3C/g%3E%3Cmask id='mask12_26227_19650' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='297' y='320' width='151' height='19'%3E%3Cg style='mix-blend-mode:overlay' opacity='0.611331'%3E%3Cpath d='M297.043 320.119V338.172H447.992V320.119H297.043Z' fill='white'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask12_26227_19650)'%3E%3Cpath d='M285.292 320.119L303.321 338.172H398.005L408.862 327.336L447.992 327.336' stroke='white' stroke-width='1.23155'/%3E%3C/g%3E%3Cmask id='mask13_26227_19650' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='297' y='360' width='66' height='21'%3E%3Cg style='mix-blend-mode:overlay' opacity='0.611331'%3E%3Cpath d='M297.043 360.584V380.462H362.775V360.584H297.043Z' fill='white'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask13_26227_19650)'%3E%3Cpath d='M362.775 380.462H309.944L290.093 360.584' stroke='white' stroke-width='1.23155'/%3E%3C/g%3E%3Cpath d='M543.696 243.708H567.319L577.544 232.705L643.114 232.705' stroke='white' stroke-width='1.23155'/%3E%3Cmask id='mask14_26227_19650' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='297' y='169' width='386' height='41'%3E%3Cg style='mix-blend-mode:overlay' opacity='0.611331'%3E%3Cpath d='M297.043 169.729V209.623L682.954 209.623V169.729L297.043 169.729Z' fill='white'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask14_26227_19650)'%3E%3Cpath d='M295.564 209.623H327.391L348.077 188.91L391.712 188.91L410.867 169.729H474.523L483.23 178.448L592.349 178.448L592.35 178.446L600.955 169.83L683.049 169.83' stroke='white' stroke-width='1.23155'/%3E%3C/g%3E%3Cmask id='mask15_26227_19650' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='297' y='410' width='299' height='21'%3E%3Cg style='mix-blend-mode:overlay' opacity='0.611331'%3E%3Cpath d='M297.043 410.996V430.211L595.437 430.211V410.996L297.043 410.996Z' fill='white'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask15_26227_19650)'%3E%3Cpath d='M595.437 424.322H496.55L483.241 410.996L423.843 410.996L419.65 415.195H369.436L354.44 430.211H294.812' stroke='white' stroke-width='1.23155'/%3E%3C/g%3E%3Cpath d='M445.793 374.702H469.416L478.504 364.836' stroke='white' stroke-width='1.23155'/%3E%3Cpath d='M594.492 399.439H536.429L519.817 382.039H490.875' stroke='white' stroke-width='1.23155'/%3E%3Cmask id='mask16_26227_19650' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='372' y='281' width='311' height='57'%3E%3Cg style='mix-blend-mode:overlay' opacity='0.611331'%3E%3Cpath d='M372.453 281.872V337.484L682.954 337.484V281.872L372.453 281.872Z' fill='white'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask16_26227_19650)'%3E%3Cpath d='M688.551 337.484L658.284 307.094L396.416 307.094L372.453 281.872' stroke='white' stroke-width='1.23155'/%3E%3C/g%3E%3Cmask id='mask17_26227_19650' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='581' y='377' width='102' height='54'%3E%3Cg style='mix-blend-mode:overlay' opacity='0.611331'%3E%3Cpath d='M581.717 377.962V430.21H682.954V377.962H581.717Z' fill='white'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask17_26227_19650)'%3E%3Cpath d='M581.717 377.962H607.877L658.221 430.21H683.102' stroke='white' stroke-width='1.23155'/%3E%3C/g%3E%3Cpath d='M529.801 229.833L542.802 216.814' stroke='white' stroke-width='1.23155'/%3E%3Cpath d='M490.875 382.039L477.874 395.058' stroke='white' stroke-width='1.23155'/%3E%3Cmask id='mask18_26227_19650' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='297' y='232' width='176' height='27'%3E%3Cg style='mix-blend-mode:overlay' opacity='0.611331'%3E%3Cpath d='M297.043 232.7V258.461L472.701 258.461V232.7L297.043 232.7Z' fill='white'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask18_26227_19650)'%3E%3Cpath d='M295.313 232.7L400.896 232.7L425.858 258.461L472.701 258.461' stroke='white' stroke-width='1.23155'/%3E%3C/g%3E%3Cmask id='mask19_26227_19650' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='374' y='433' width='109' height='10'%3E%3Cg style='mix-blend-mode:overlay' opacity='0.611331'%3E%3Cpath d='M374.446 433.842V442.624H482.004V433.842H374.446Z' fill='white'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask19_26227_19650)'%3E%3Cpath d='M482.004 444.019L471.84 433.842H383.953L374.446 443.361' stroke='white' stroke-width='1.23155'/%3E%3C/g%3E%3Cpath d='M544.58 195.304H577.644' stroke='white' stroke-width='1.23155'/%3E%3Cpath d='M389.23 258.01L416.871 285.688L417.227 285.688L567.585 285.688' stroke='white' stroke-width='1.23155'/%3E%3Cpath d='M542.094 153.081L625.648 153.081' stroke='white' stroke-width='1.23155'/%3E%3Cmask id='mask20_26227_19650' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='297' y='89' width='33' height='1'%3E%3Cg style='mix-blend-mode:overlay' opacity='0.611331'%3E%3Cpath d='M297.043 89.2568V89.6417H329.665V89.2568H297.043Z' fill='white'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask20_26227_19650)'%3E%3Cpath d='M329.665 89.4492H296.778' stroke='white' stroke-width='1.23155'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M408.28 172.321L410.96 170.004H474.575L476.907 172.321H408.28Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M528.361 424.594L531.041 422.276H594.119L596.73 424.594H528.361Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M503.105 307.013L505.786 304.696H568.864L571.474 307.013H503.105Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M330.942 258.203L333.622 260.52H361.028L363.639 258.203H330.942Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M426.672 347.114L428.995 344.797H461.514L459.369 347.114H426.672Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M550.129 260.65L552.809 258.333H565.614L568.224 260.65H550.129Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M378.509 109.539L381.19 107.222H393.994L396.604 109.539H378.509Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M602.882 84.6826L605.562 82.3655H618.367L620.977 84.6826H602.882Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M423.378 411.057L425.633 408.74H446.249L448.859 411.057H423.378Z' fill='white'/%3E%3Cmask id='mask21_26227_19650' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='297' y='299' width='75' height='14'%3E%3Cg style='mix-blend-mode:overlay' opacity='0.611331'%3E%3Cpath d='M297.043 299.534V312.953H371.246V299.534H297.043Z' fill='white'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask21_26227_19650)'%3E%3Cpath d='M371.246 312.953L357.045 299.534H297.043' stroke='white' stroke-width='1.23155'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_26227_19650' x1='189.421' y1='374.467' x2='537.333' y2='23.7005' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300F0FF'/%3E%3Cstop offset='1' stop-color='%23041E42' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_26227_19650' x1='55.875' y1='399.867' x2='376.462' y2='18.3125' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300F0FF'/%3E%3Cstop offset='1' stop-color='%23041E42' stop-opacity='0'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_26227_19650'%3E%3Crect width='615.003' height='488' fill='white' transform='matrix(-1 0 0 1 615.458 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  position: absolute;
  width: 615.003px;
  height: 488px;
  top: -86px;
  right: -216px;
  z-index: -1;
}

@media (max-width: 1199.98px) {
  .e-hexagon .container {
    max-width: 768px !important;
  }

  .exposures .exposures-content.ec-bottom p {
    padding: 0;
  }

  .exposures .exposures-content h2 {
    padding: 0 128px;
  }

  .exposures .exposures-content p {
    padding: 0 25px;
    margin-bottom: 0;
  }

  .exposures .exposures-content {
    margin-bottom: 33px;
  }

  .exposures .exposures-content.ec-bottom {
    margin-bottom: 0px;
  }

  .attack-section .security-block {
    flex-direction: column-reverse;
    margin-bottom: 30px;
    padding-top: 20px;
    text-align: center;
  }

  .attack-section .security-block .content-wrap {
    max-width: 100%;
  }

  .attack-section .security-block .content-wrap .block-title {
    padding: 0 72px;
    margin: 38px 0 20px;
  }

  .attack-section .security-block .content-wrap .block-subtitle {
    padding: 0 60px;
  }

  .attack-section .security-block .content-wrap a {
    justify-content: center;
  }

  .attack-section .security-block .img-wrap {
    max-width: 100%;
  }

  .attack-section .security-block .img-wrap img {
    width: 100%;
    max-width: 100%;
  }

  .attack-section .security-block .img-wrap::before {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .e-hexagon {
    padding-top: 120px;
  }

  .e-hexagon .container {
    max-width: 390px !important;
    padding: 0;
  }

  .e-hexagon-pattern::before {
    background-image: url('data:image/svg+xml,<svg width="390" height="4361" viewBox="0 0 390 4361" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_25988_14019)"><path d="M292.813 4.45837C260.365 -2.74805 224.114 -0.633667 193.887 10.7443L-336.803 210.842C-374.569 225.057 -398.016 251.788 -397.999 280.573L-397.513 678.615C-397.475 707.36 -373.952 734.095 -336.109 748.279L195.098 947.857C232.153 961.78 278.149 961.742 315.117 947.787L845.81 747.691C883.594 733.433 907.041 706.706 907.001 677.959L1183.38 678.615V337.916L313.906 10.6764C307.124 8.11694 300.079 6.0705 292.813 4.45837Z" fill="%2300F0FF"/><path d="M159.173 4.52344C192.06 -2.79541 228.802 -0.647461 259.438 10.9077L1156 350.379V4304.28H-764V350.379L137.796 10.8384C144.669 8.23926 151.809 6.16064 159.173 4.52344Z" fill="url(%23paint0_radial_25988_14019)"/></g><defs><radialGradient id="paint0_radial_25988_14019" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(196 506.776) rotate(90) scale(838.733 277.84)"><stop stop-color="%2300005B"/><stop offset="0.223602" stop-color="%2300005B"/><stop offset="1" stop-color="%23000026"/></radialGradient><clipPath id="clip0_25988_14019"><rect width="390" height="4362" fill="white" transform="matrix(1 0 0 -1 0 4362)"/></clipPath></defs></svg>');
  }

  .exposures > div {
    padding: 0 20px;
  }

  .exposures .exposures-content h2 {
    padding: 0 15px;
    font-size: 34px;
    line-height: 124%;
  }

  .exposures .exposures-content p {
    padding: 0;
  }

  .exposures .exposures-content {
    margin-bottom: -1px;
  }

  .attack-section .security-block .content-wrap .block-title {
    padding: 0;
    font-size: 28px;
    line-height: 120%;
    margin: 38px 0 21px;
  }

  .attack-section .security-block .content-wrap .block-subtitle {
    padding: 0;
  }

  .exposures .exposures-content.ec-bottom p {
    margin-bottom: 33px;
  }
}

/* Testimonials Starts */
.testimonials {
  padding: 110px 0 97px;
}

.testimonials h2 {
  color: var(--Basic-White, #fff);
  text-align: center;
  font-family: "Aeonik Pro";
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: 124%;
  margin-bottom: 60px;
}

.testimonials .splide .splide__slide {
  max-width: 452px;
  padding: 0 16px;
}

.testimonials-card {
  background: linear-gradient(
    0deg,
    rgba(0, 85, 254, 0.15) 0%,
    rgba(97, 97, 97, 0.09) 100%
  );
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.testimonials-card-body {
  padding: 22px 30px 10px;
}

.testimonials-card-body .card-rating img {
  height: 18px;
  margin-bottom: 16px;
  width: 111px;
}

.testimonials-card-body .card-text h3 {
  color: var(--Basic-White, #fff);
  font-family: "Aeonik Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 8px;
}

.testimonials-card-body .card-text p {
  color: var(--Basic-White, #fff);
  font-family: "Aeonik Pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.testimonials-card-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  padding: 14px 30px 30px;
}

.testimonials-card-footer .footer-left {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.testimonials-card-footer .footer-left img {
  border-radius: 300px;
  height: 44px;
  margin-right: 16px;
  width: 44px;
}

.testimonials-card-footer .footer-left > p {
  border-radius: 300px;
  background: #fff;
  height: 44px;
  margin-right: 16px;
  width: 44px;
  padding: 8px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--Utility-900, #0f172a);
  font-size: 16px;
  font-family: "Aeonik Pro";
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.testimonials-card-footer .footer-left__content h6 {
  color: var(--Basic-White, #fff);
  font-family: "Aeonik Pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  margin: 0;
}

.testimonials-card-footer .footer-left__content p {
  color: var(--Utility-300, #cbd5e1);
  font-family: "Aeonik Pro";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}

@media (min-width: 767.98px) {
  .testimonials .splide__pagination {
    display: none !important;
  }
}

@media (max-width: 1199.98px) {
  .testimonials {
    padding: 0px 0 98px;
  }

  .testimonials h2 {
    margin-bottom: 57px;
  }

  .testimonials-card-body .card-rating img {
    margin-bottom: 18px;
  }
}

@media (max-width: 767.98px) {
  .testimonials {
    padding: 56px 0 76px;
  }

  .testimonials h2 {
    font-size: 28px;
    line-height: 120%;
    margin-bottom: 41px;
  }

  .testimonials .splide .splide__slide {
    max-width: 390px;
    padding: 0 20px;
  }

  .testimonials .splide__pagination {
    bottom: -3.1em !important;
  }

  .testimonials .splide__pagination__page {
    background: #fff;
    opacity: 0.36;

    box-shadow: none !important;
    margin: 0 5px;
    outline: none !important;
    width: 8px;
    height: 8px;
  }

  .testimonials .splide__pagination__page.is-active {
    background: #ffb900;
    width: 8px;
    height: 8px;
    opacity: 1;
    transform: unset !important;
  }

  .testimonials-card-body {
    padding: 24px 30px 10px;
  }

  .testimonials-card-body .card-rating img {
    margin-bottom: 16px;
  }

  .testimonials-card-body .card-text h3 {
    margin-bottom: 10px;
  }

  .testimonials-card-footer {
    padding: 14px 30px 30px;
  }

  .testimonials-card-footer .footer-left img {
    border-radius: 300px;
  }
}

/* Testimonials Ends */
/* blue Pattern Ends */
/* Footer section starts */
.footer {
  background: #010127;
  padding: 24px 0 24px;
}

.footer .container {
  max-width: 1008px !important;
}

.footer .footer-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.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: 18px;
  margin: 0 9px;
  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: 991.98px) {
  .footer .container {
    padding: 0 80px;
  }

  .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-top: 24px;
  }

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

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

  .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: 16px;
  }

  .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;
}

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

.hexagon-subtitle {
  color: #fff;
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  text-align: center;
  padding-bottom: 20px;
}

.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: 1024px) {
  .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;
}

.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: -1;
  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: 1024px) {
  .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: 1024px) {
  .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: 1024px) {
  .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%;
  }
}