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

/* GLOBALS */
body {
  font-family: "Aeonik Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  -webkit-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
  overflow-x: hidden;
}

/* common body css */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

html[style="overflow: hidden;"] body,
body.overlay-hide {
  overflow: hidden;
}

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

h2 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
  letter-spacing: normal;
  color: #041E42;
}

a {
  text-decoration: none;
}

a:focus {
  outline: none;
}

button {
  border: 0;
  outline: 0;
  cursor: pointer;
}

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

picture {
  display: block;
  line-height: 0;
}

.no-scroll {
  overflow: hidden;
}

.container {
  max-width: 1440px;
  width: 100%;
  padding: 0 32px;
  margin: 0 auto;
}

@media(max-width: 991.98px) {
  .container {
    padding: 0 24px;
  }
}

/* ── Scroll reveal ── */
/* :where() keeps the html.js gate from outweighing the .in-view specificity below */
:where(html.js) .reveal,
:where(html.js) .reveal-item {
  opacity: 0;
  visibility: hidden;
  will-change: opacity, transform;
  transition-property: opacity, transform, visibility;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translateY(40px);
}

:where(html.js) .reveal-fade {
  opacity: 0;
  visibility: hidden;
  will-change: opacity, visibility;
  transition-property: opacity, visibility;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.in-view.reveal,
.in-view .reveal-item,
.in-view.reveal-fade {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}

.reveal-group {
  --reveal-stagger: .15s;
  --reveal-base-delay: 0s;
}

.reveal-group > .reveal-item:nth-child(1) { transition-delay: calc(var(--reveal-base-delay) + 1 * var(--reveal-stagger)); }
.reveal-group > .reveal-item:nth-child(2) { transition-delay: calc(var(--reveal-base-delay) + 2 * var(--reveal-stagger)); }
.reveal-group > .reveal-item:nth-child(3) { transition-delay: calc(var(--reveal-base-delay) + 3 * var(--reveal-stagger)); }
.reveal-group > .reveal-item:nth-child(4) { transition-delay: calc(var(--reveal-base-delay) + 4 * var(--reveal-stagger)); }
.reveal-group > .reveal-item:nth-child(5) { transition-delay: calc(var(--reveal-base-delay) + 5 * var(--reveal-stagger)); }
.reveal-group > .reveal-item:nth-child(6) { transition-delay: calc(var(--reveal-base-delay) + 6 * var(--reveal-stagger)); }

@media (prefers-reduced-motion: reduce) {
  .reveal, .reveal-item, .reveal-fade {
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
    transform: none !important;
  }
}

/* Header section */
.header {
  background: #1E2426;
  padding: 16px 0;
}

.header .container {
  padding: 0 32px;
}

.header a {
  display: block;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

@media(max-width: 991.98px) {
  .header {
    padding: 22px 0 20px;
  }

  .header .container {
    padding: 0 24px;
  }

  .header a img {
    height: 32px;
  }
}

@media(max-width: 767.98px) {
  .header {
    padding: 22px 0 20px;
  }

  .header .container {
    padding: 0 24px;
  }
}

/* Hero section starts */
.hero-section {
  padding: 98px 0 127px;
}

.hero-section .hero-section-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.hero-section .title {
  color: #1E2426;
  font-size: 96px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 30px;
  max-width: 572px;
}

.hero-section .title span {
  position: relative;
  z-index: 1;
}

.hero-section .title span::after {
  content: '';
  position: absolute;
  left: -16px;
  z-index: -1;
  bottom: -2px;
  width: calc(100% + 34px);
  height: calc(100% - 12px);
  background-color: #E7FF00;
}

.hero-section .subtitle {
  color: #5B6062;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  max-width: 557px;
  margin-bottom: 28px;
}

.hero-section .subtitle a {
  color: #5B6062;
  text-decoration: underline;
  position: relative;
  margin-top: 32px;
}

.hero-section .subtitle a:hover {
  text-decoration: none;
}

.hero-section .subtitle a:focus-within::after {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border: 2px solid #1E2426;
  border-radius: 10px;
}

.cta-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}

.hero-section .cta-wrapper {
  margin-top: 32px;
}

.hero-section .demo-cta {
  display: inline-block;
  background: #1E2426;
  color: #ffffff;
  position: relative;
  font-size: 16px;
  line-height: 100%;
  font-weight: 400;
  padding: 14px 23.2px;
  border: 1px solid #FFF;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.hero-section .demo-cta:hover {
  background: #E7FF00;
  color: #1E2426;
  border-color: #1E2426;
}

.hero-section .demo-cta:focus-visible::after {
  content: '';
  position: absolute;
  top: -6px;
  left: -6px;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  border: 2px solid #1E2426;
  border-radius: 10px;
}

.hero-section .tour-cta {
  width: 259px;
  height: 46px;
  border: 1px solid #1E2426;
  color: #1E2426;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-align: center;
  outline: none;
  padding: 13px 23.2px;
  position: relative;
  display: none;
}

.hero-section .tour-cta:hover {
  border: 1px solid #1E2426;
  background: #E7FF00;
}

.hero-section .tour-cta:focus-visible::after {
  content: '';
  position: absolute;
  top: -6px;
  left: -6px;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  border: 2px solid #1E2426;
  border-radius: 10px;
}

.hero-section .right-part {
  position: relative;
  margin-top: -42px;
  cursor: pointer;
}

.hero-section .right-part img {
  width: 100%;
  max-width: 611px;
  border: 1.089px solid var(--ramps-b-50-disclaimer, #757575);
  background: var(--ramps-w-10, #F2F2F2);
  padding: 10px;
  margin-right: 18px;
}

.hero-section .right-part .video-play-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 51px;
  height: 51px;
  left: 0;
  right: 0;
  margin: auto;
}
.hero-section .right-part:hover .video-play-icon svg * {
  transition: all 0.2s ease-in-out;
}
@media (hover: hover) {
  .hero-section .right-part:hover .video-play-icon svg rect:nth-child(1) {
    fill: #e7ff00;
  }
  .hero-section .right-part:hover .video-play-icon svg rect:nth-child(2) {
    stroke: #e7ff00;
  }
  .hero-section .right-part:hover .video-play-icon svg path:nth-child(3) {
    fill: #1e2426;
  }
}

@media (max-width: 991px) {
  .hero-section {
    padding: 30px 0 16px;
  }

  .hero-section .hero-section-wrapper {
    flex-direction: column;
    gap: 80px;
  }

  .hero-section .left-part {
    width: 100%;
    margin-top: 9px;
  }

  .hero-section .title span::after {
    left: -9px;
    z-index: -1;
    bottom: -1px;
    width: calc(100% + 19px);
    height: calc(100% - 7px);
  }

  .hero-section .title {
    margin-bottom: 30px;
    font-size: 56px;
  }

  .hero-section .subtitle {
    max-width: 100%;
    margin-bottom: 23px;
    font-size: 18px;
  }

  .hero-section .cta-wrapper {
    margin-top: 31px;
  }

  .hero-section .right-part {
    width: 100%;
    margin-top: 0;
  }

  .hero-section .right-part img {
    max-width: 100%;
    margin-right: 0;
  }
}

@media(max-width: 767px) {
    .hero-section .hero-section-wrapper {
      gap: 63px;
    }
  .hero-section .title {
    margin-bottom: 30px;
  }

  .hero-section .title span::after {
    left: -9px;
    bottom: -1px;
  }

  .hero-section .subtitle {
    margin-bottom: 24px;
  }

  .cta-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Hero section end */

/* Hero form */
.hero-section .overlay {
  position: fixed;
  inset: 0;
  background: rgba(30, 36, 38, 0.50);
  z-index: 999;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: none;
}

.hero-section .overlay .eyebrow-copy {
  color: #D9D9D9;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.hero-section .overlay .heading {
  color: #FFF;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 24px;
}

.hero-section .overlay .subtitle {
  color: #D9D9D9;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 40px;
}

.hero-section .overlay .hero-form {
  max-width: 594px;
  width: 100%;
  margin-left: auto;
  border-left: 0.5px solid #5B6062;
  background: #1E2426;
  height: auto;
  padding: 118px 64px;
  min-height: 100%;
  position: relative;
}

/* Dialog wrappers receive focus programmatically on open (a11y). They are not
   real tab stops, so suppress the UA focus ring — keeps them visually identical
   to before while keyboard users still get focus styles on the real controls. */
.hero-section .overlay .hero-form:focus,
.hero-section .overlay .hero-form:focus-visible,
.tour-overlay .tour-wrapper:focus,
.tour-overlay .tour-wrapper:focus-visible {
  outline: none;
}

.hero-section .overlay .mktoForm {
  max-width: 434px !important;
  padding: 0 !important;
  margin: 0;
}

.hero-section .overlay .mktoForm .mktoFormCol {
  width: 100% !important;
  margin-bottom: 16px !important;
}

.hero-section .overlay .mktoForm .mktoFieldWrap {
  position: relative;
  width: 100%;
}

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

.hero-section .overlay .mktoForm label.mktoLabel {
  width: auto !important;
  position: absolute;
  left: 12px;
  top: 18px;
  padding: 0;
  pointer-events: none;
  color: #D9D9D9;
  font-size: 16px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 140%;
  font-family: "Aeonik Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

.hero-section .overlay .mktoForm .filled label.mktoLabel,
.hero-section .overlay .mktoForm .typing label.mktoLabel {
  top: 8px;
  font-size: 12px;
}

.hero-section .overlay .mktoForm .error-in label.mktoLabel {
  color: #EB9E9E;
}

.hero-section .overlay .mktoForm .filled.typing label {
  color: #9AE8CE;
}

.hero-section .overlay .mktoForm .error-in.typing label {
  color: #EB9E9E;
}

.hero-section .overlay .mktoForm label.mktoLabel .mktoAsterix {
  display: none;
}

.hero-section .overlay .mktoForm .mktoField:not([type="checkbox"]) {
  width: 100% !important;
  border: 1px solid #5B6062 !important;
  height: 56px;
  background: transparent;
  border-radius: 0;
  padding: 16px 12px 0;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  font-family: "Aeonik Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

.hero-section .overlay .mktoForm .filled .mktoField:not([type="checkbox"]):not(:focus) {
  border-color: #757575 !important;
}

.hero-section .overlay .mktoForm .mktoCheckboxList {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  width: 100% !important;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: none !important;
}

.hero-section .overlay .mktoForm .mktoCheckboxList label {
  color: #D9D9D9;
  font-style: normal;
  font-size: 10px;
  font-weight: 400;
  line-height: 140%;
  margin: 0;
  width: 100%;
  font-family: "Aeonik Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

.hero-section .overlay .mktoForm .mktoCheckboxList label::before {
  display: none;
}

.hero-section .overlay .mktoForm input[name="triggerGDPR"] {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  background-color: #5b6062;
  width: 24px;
  height: 24px;
  cursor: pointer;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2L2 8V16L12 22L22 16V8L12 2Z' stroke='%23e7ff00' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2L2 8V16L12 22L22 16V8L12 2Z' stroke='%23e7ff00' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-size: contain;
  opacity: 1;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

.hero-section .overlay .mktoForm input[name="triggerGDPR"]:checked {
  background-color: #e7ff00 !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2L2 8V16L12 22L22 16V8L12 2Z' stroke='%23e7ff00' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M8 12L11 15L16 9' stroke='%23e7ff00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2L2 8V16L12 22L22 16V8L12 2Z' stroke='%23e7ff00' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M8 12L11 15L16 9' stroke='%23e7ff00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

.hero-section .overlay .mktoForm .mktoFieldWrap:not(.filled):not(.typing) .mktoField:not([type="checkbox"]):hover {
  background-color: #44494b;
  border-color: #757575 !important;
}

.hero-section .overlay .mktoForm textarea.mktoField:not([type="checkbox"]) {
  display: inline;
}

.mktoForm .mktoFormRow.form_Comments__c {
  display: none;
}

.hero-section .overlay .mktoForm .typing .mktoField:not([type="checkbox"]) {
  border-color: #E7FF00 !important;
}

.hero-section .overlay .mktoForm .focused .mktoField:not([type="checkbox"]):-webkit-autofill,
.hero-section .overlay .mktoForm .focused .mktoField:not([type="checkbox"]):-webkit-autofill:hover,
.hero-section .overlay .mktoForm .focused .mktoField:not([type="checkbox"]):-webkit-autofill:focus,
.hero-section .overlay .mktoForm .focused .mktoField:not([type="checkbox"]):-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #1e2426 inset !important;
  box-shadow: 0 0 0 1000px #1E2426 inset !important;
  -webkit-text-fill-color: #FFF;
  caret-color: #FFF;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

.hero-section .overlay .mktoForm .filled.typing .mktoField:not([type="checkbox"]),
.hero-section .overlay .mktoForm .filled.typing .mktoField.mktoValid:not(.mktoValid):not([type="checkbox"]) {
  border-color: #9AE8CE !important;
}

.hero-section .overlay .mktoForm .error-in.typing .mktoField:not([type="checkbox"]) {
  border-color: #EB9E9E !important;
}

.hero-section .overlay .hero-form .mktoForm .error-in .mktoField:not([type="checkbox"]) {
  border-color: #EB9E9E !important;
}

.hero-section .overlay .mktoForm .mktoHtmlText {
  width: 100% !important;
}

.hero-section .overlay .mktoForm .gdpr-text small,
.hero-section .overlay .mktoForm .mktoHtmlText p {
  color: #969696;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  padding: 0;
  line-height: 140% !important;
  font-family: "Aeonik Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

.hero-section .overlay .mktoForm .gdpr-text small a,
.hero-section .overlay .mktoForm .mktoHtmlText p a {
  color: #969696;
  text-decoration: underline;
  font-weight: 500;
  padding: 0;
  outline: none;
  position: relative;
}

.hero-section .overlay .mktoForm .gdpr-text small a:hover,
.hero-section .overlay .mktoForm .mktoHtmlText p a:hover {
  text-decoration: none;
}

.hero-section .overlay .mktoForm .gdpr-text small a:focus-visible::after,
.hero-section .overlay .mktoForm .mktoHtmlText p a:focus-visible::after {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border: 2px solid #FFF;
  border-radius: 10px;
}

.hero-section .overlay .mktoForm .mktoButtonRow {
  width: 100%;
  margin-top: 12px;
}

.hero-section .overlay .mktoForm .mktoButtonRow .mktoButtonWrap {
  margin: 0 !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  position: relative;
}

.hero-section .overlay .mktoForm .mktoButtonRow .mktoButtonWrap:has(.mktoButton:focus-visible)::after {
  content: '';
  position: absolute;
  top: -8px;
  left: -8px;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  border: 2px solid #FFF;
  border-radius: 10px;
  pointer-events: none;

}

.hero-section .overlay .mktoForm .mktoButtonRow .mktoButton {
  width: 216px !important;
  height: 46px;
  padding-right: 50px;
  color: #1E2426 !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 100%;
  background: #FFF !important;
  border-radius: 0;
  padding-bottom: 10px !important;
  position: relative;
  font-family: "Aeonik Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

.hero-section .overlay .mktoForm .mktoButtonRow .mktoButton::before {
  content: '';
  position: absolute;
  top: 0;
  right: 46px;
  width: 4px;
  height: 100%;
  background: #1E2426;
}

.hero-section .overlay .mktoForm .mktoButtonRow .mktoButton::after {
  content: '';
  position: absolute;
  width: 46px;
  height: 46px;
  right: 0;
  top: 0;
  background-image: url('data:image/svg+xml,<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.25" y="0.25" width="45.5" height="45.5" fill="%23E7FF00"/><rect x="0.25" y="0.25" width="45.5" height="45.5" stroke="%231E2426" stroke-width="0.5"/><path d="M29.1693 24H13V22H29.1693L21.5743 14.405L23 13L33 23L23 33L21.5743 31.595L29.1693 24Z" fill="%231E2426"/></svg>');
}

.hero-section .overlay .mktoForm .mktoButtonRow .mktoButton:hover {
  background: #E7FF00 !important;
}

.hero-section .overlay .mktoForm .mktoButtonRow .mktoButton:hover::before {
  right: 0;
  width: 50px;
}

.hero-section .overlay .mktoForm .mktoError {
  display: inline-block;
  position: static;
}

.hero-section .overlay .mktoForm .mktoError .mktoErrorArrowWrap {
  display: none;
}

.hero-section .overlay .mktoForm .mktoError .mktoErrorMsg {
  color: #EB9E9E;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  background: transparent !important;
  border: none !important;
  padding: 0;
  display: inline-block;
  margin-top: 8px;
  font-family: "Aeonik Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

.mktoForm .mktoError .mktoErrorMsg:before,
.hero form .field-error:before {
  content: "";
  background-color: #eb9e9e;
  flex-shrink: 0;
  width: 15px;
  height: 15px;
  display: inline-block;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M7.5 3.78208C7.64528 3.78208 7.76708 3.83125 7.86542 3.92958C7.96375 4.02778 8.01292 4.14951 8.01292 4.29479C8.01292 4.44021 7.96375 4.56201 7.86542 4.66021C7.76708 4.75854 7.64528 4.80771 7.5 4.80771C7.35472 4.80771 7.23292 4.75854 7.13458 4.66021C7.03625 4.56201 6.98708 4.44021 6.98708 4.29479C6.98708 4.14951 7.03625 4.02778 7.13458 3.92958C7.23292 3.83125 7.35472 3.78208 7.5 3.78208ZM7.08333 6.53854H7.91667V11.5385H7.08333V6.53854ZM7.50271 0C6.46562 0 5.49056 0.196804 4.5775 0.590415C3.66458 0.984027 2.87042 1.5182 2.195 2.19292C1.51958 2.86764 0.98493 3.66111 0.591042 4.57333C0.197014 5.48542 0 6.46007 0 7.49729C0 8.53438 0.196805 9.50944 0.590417 10.4225C0.984028 11.3354 1.51819 12.1296 2.19292 12.805C2.86764 13.4804 3.66111 14.0151 4.57333 14.409C5.48542 14.803 6.46007 15 7.49729 15C8.53438 15 9.50945 14.8032 10.4225 14.4096C11.3354 14.016 12.1296 13.4818 12.805 12.8071C13.4804 12.1324 14.0151 11.3389 14.409 10.4267C14.803 9.51458 15 8.53993 15 7.50271C15 6.46562 14.8032 5.49056 14.4096 4.5775C14.016 3.66458 13.4818 2.87042 12.8071 2.195C12.1324 1.51958 11.3389 0.98493 10.4267 0.591042C9.51458 0.197014 8.53993 0 7.50271 0ZM7.5 0.833334C9.36111 0.833334 10.9375 1.47917 12.2292 2.77083C13.5208 4.0625 14.1667 5.63889 14.1667 7.5C14.1667 9.36111 13.5208 10.9375 12.2292 12.2292C10.9375 13.5208 9.36111 14.1667 7.5 14.1667C5.63889 14.1667 4.0625 13.5208 2.77083 12.2292C1.47917 10.9375 0.833333 9.36111 0.833333 7.5C0.833333 5.63889 1.47917 4.0625 2.77083 2.77083C4.0625 1.47917 5.63889 0.833334 7.5 0.833334Z' fill='%23EB9E9E'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M7.5 3.78208C7.64528 3.78208 7.76708 3.83125 7.86542 3.92958C7.96375 4.02778 8.01292 4.14951 8.01292 4.29479C8.01292 4.44021 7.96375 4.56201 7.86542 4.66021C7.76708 4.75854 7.64528 4.80771 7.5 4.80771C7.35472 4.80771 7.23292 4.75854 7.13458 4.66021C7.03625 4.56201 6.98708 4.44021 6.98708 4.29479C6.98708 4.14951 7.03625 4.02778 7.13458 3.92958C7.23292 3.83125 7.35472 3.78208 7.5 3.78208ZM7.08333 6.53854H7.91667V11.5385H7.08333V6.53854ZM7.50271 0C6.46562 0 5.49056 0.196804 4.5775 0.590415C3.66458 0.984027 2.87042 1.5182 2.195 2.19292C1.51958 2.86764 0.98493 3.66111 0.591042 4.57333C0.197014 5.48542 0 6.46007 0 7.49729C0 8.53438 0.196805 9.50944 0.590417 10.4225C0.984028 11.3354 1.51819 12.1296 2.19292 12.805C2.86764 13.4804 3.66111 14.0151 4.57333 14.409C5.48542 14.803 6.46007 15 7.49729 15C8.53438 15 9.50945 14.8032 10.4225 14.4096C11.3354 14.016 12.1296 13.4818 12.805 12.8071C13.4804 12.1324 14.0151 11.3389 14.409 10.4267C14.803 9.51458 15 8.53993 15 7.50271C15 6.46562 14.8032 5.49056 14.4096 4.5775C14.016 3.66458 13.4818 2.87042 12.8071 2.195C12.1324 1.51958 11.3389 0.98493 10.4267 0.591042C9.51458 0.197014 8.53993 0 7.50271 0ZM7.5 0.833334C9.36111 0.833334 10.9375 1.47917 12.2292 2.77083C13.5208 4.0625 14.1667 5.63889 14.1667 7.5C14.1667 9.36111 13.5208 10.9375 12.2292 12.2292C10.9375 13.5208 9.36111 14.1667 7.5 14.1667C5.63889 14.1667 4.0625 13.5208 2.77083 12.2292C1.47917 10.9375 0.833333 9.36111 0.833333 7.5C0.833333 5.63889 1.47917 4.0625 2.77083 2.77083C4.0625 1.47917 5.63889 0.833334 7.5 0.833334Z' fill='%23EB9E9E'/%3E%3C/svg%3E");
  -webkit-mask-position: 50%;
  mask-position: 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 6.5px;
  transform: translateY(-1px);
}

.hero-section .overlay .hero-form .close-icon {
  position: absolute;
  top: 40px;
  right: 32px;
  width: 40px;
  height: 40px;
  background: transparent;
  border: 1px solid #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero-section .overlay .hero-form .close-icon:hover {
  background: #e7ff00;
  border-color: #e7ff00;
}

.hero-section .overlay .hero-form .close-icon:hover svg path {
  fill: #1e2426;
}

.hero-section .overlay .hero-form .close-icon:focus:after{
  content: '';
  position: absolute;
  top: -6px;
  left: -6px;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  border: 2px solid #fff;
  border-radius: 10px;
}

@media(max-width: 991.98px) {

  .hero-section .overlay .hero-form,
  .hero-section .overlay .mktoForm {
    max-width: 100% !important;
  }
}

@media(max-width: 767.98px) {
  .hero-section .overlay .hero-form {
    padding: 72px 24px;
  }

  .hero-section .overlay .eyebrow-copy {
    margin-bottom: 12px;
  }

  .hero-section .overlay .heading {
    font-size: 32px;
    margin-bottom: 12px;
  }

  .hero-section .overlay .subtitle {
    font-size: 12px;
    margin-bottom: 32px;
  }

  .hero-section .overlay .hero-form .close-icon {
    top: 24px;
    right: 24px;
  }
}

/* video section start */
.video-section {
  padding: 96px 0 179px;
  display: none !important;
}
.video-section .title {
  color: var(--Black, #1E2426);
  text-align: center;
  font-size: 76px;
  font-weight: 400;
  line-height: 100%;
  max-width: 800px;
  margin: 0 auto 29px;
}
.video-section .subtitle {
  color: var(--ramps-b-30-lines-text, #5B6062);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  max-width: 911px;
  margin: 0 auto;
  text-align: center;
}
.video-section .video-wrapper {
  max-width: 1146px;
  margin: 101px auto 0;
}
.video-section .video-wrapper img {
  width: 100%;
  cursor: pointer;
}
@media (max-width: 991.98px) {
  .video-section {
    padding: 145px 0 53px;
  }
  .video-section .title {
    font-size: 48px;
    margin: 0 auto 31px;
  }
  .video-section .video-wrapper {
    max-width: 720px;
    margin: 59px auto 0;
  }
}
@media (max-width: 767.98px) {
  .video-section .video-wrapper img {
    height: 600px;
    object-fit: cover;
    object-position: center;
    max-width: 100%;
}
}

/* Hero video modal */
.video-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(17, 17, 17, 0.95);
}

.video-modal.is-open {
  display: flex;
}

.video-modal-content {
  position: relative;
  width: min(100%, 1100px);
  max-height: calc(100vh - 96px);
  aspect-ratio: 16 / 9;
  background: #000;
}

.video-modal-content iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.video-modal-close {
  position: absolute;
  top: -48px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #1e2426;
  cursor: pointer;
}

.video-modal-close:hover,
.video-modal-close:focus-visible {
  background: #e7ff00;
}

.video-modal-close:hover svg path,
.video-modal-close:focus-visible svg path {
  fill: #1e2426;
}

.video-modal-close:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

@media (max-width: 767.98px) {
  .video-modal {
    padding: 16px;
  }

  .video-modal-close {
    top: -44px;
  }
}

/* Tour overlay start */
/* Full-screen dark backdrop */
.tour-overlay {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  animation: tourFadeIn 0.25s ease-out;
}

/* Centered wrapper that sizes/positions the popup */

.tour-outer-wrapper {
  position: relative;
  max-width: calc(1436px - 40px);
  width: 100dvw;
  height: 100%;
  max-height: 808px;
  padding: 20px;
  animation: tourPopIn 0.3s ease-out;
  overflow: auto;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
}

.tour-outer-wrapper::-webkit-scrollbar {
  display: none;
}

.tour-wrapper {
  width: 100%;
  height: 100%;
  min-height: 808px;
  border-radius: 12px;
}

/* The Storylane/demo iframe itself */
.tour-wrapper .__sl-player-iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

/* Optional: close button if you add one outside the iframe */
.tour-overlay .tour-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  color: #14171c;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  border: none;
}

.tour-overlay .close-icon {
  position: absolute !important;
  background: #ffffff !important;
  top: 8px !important;
  right: 8px !important;
  border-radius: 20px !important;
  cursor: pointer !important;
  height: 32px !important;
  width: 32px !important;
  padding: 0px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tour-overlay .close-icon svg path {
  fill: #1E2426;
}

.tour-overlay .close-icon {
  background: #E7FF00 !important;
}

/* Animations */
@keyframes tourFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes tourPopIn {
  from {
    opacity: 0;
    transform: scale(0.96);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Responsive tweak for smaller screens */
@media (max-width: 768px) {
  .tour-wrapper {
    width: 95vw;
    height: 85vh;
    border-radius: 8px;
  }
}

/* Hero section end */

/* Slider section starts */
.slider-section {
  padding: 10px 0;
  overflow-x: hidden;
}

.slider-section .slider-section-inner {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 13px;
}

.slider-section .section-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 80px;
  padding: 0 32px;
}

.slider-section .section-title {
  color: #1E2426;
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px;
  max-width: 794px;
}

.slider-section .nav-arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}

.slider-section .arrow-btn {
  width: 40px;
  height: 40px;
  border: 1px solid #FFF;
  opacity: 1;
  padding: 0;
  background: #1E2426;
  cursor: pointer;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
}

.slider-section .arrow-btn.disabled {
  border: 1px solid #1E2426;
  opacity: 0.3;
  background: transparent;
}

.slider-section .arrow-btn:not(.disabled):hover {
  background: #E7FF00;
  border-color: #1E2426;
}

.slider-section .arrow-btn svg {
  width: 24px;
  height: 24px;
}

.slider-section .arrow-btn:not(.disabled) svg path {
  fill: #FFF;
}

.slider-section .arrow-btn.disabled svg path {
  fill: #1E2426;
}

.slider-section .arrow-btn:not(.disabled):hover svg path {
  fill: #1E2426;
}

.slider-section .swiper {
  width: calc(100% + 2px);
  overflow: visible;
  margin-left: -1px;
  margin-right: -1px;
}

.slider-section .swiper-slide {
  border-top: 0.5px solid #D9D9D9;
  border-right: 0.5px solid #D9D9D9;
  border-bottom: 0.5px solid #D9D9D9;
  padding: 39px 40px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: auto;
}

.slider-section .swiper-slide:first-child {
  border-left: 0.5px solid #D9D9D9;
}

.slider-section .slide-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 32px;
}

.slider-section .slide-num {
  color: #5B6062;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.slider-section .slide-tag {
  color: #5B6062;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 1.2px;
  padding: 7.5px 9.5px;
  text-transform: uppercase;
  border: 0.5px solid #5B6062;
}

.slider-section .slide-icon {
  margin-bottom: 82px;
}

.slider-section .hex-wrap {
  width: 80px;
  height: 92px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.slider-section .slide-title {
  color: #1E2426;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 15px;
}

.slider-section .slide-desc {
  color: #5B6062;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.slider-section .mobile-nav {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 24px 0 0;
  border-top: 1px solid #e0e0e0;
  margin-top: 0;
}

.slider-section .pag-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.slider-section .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #ccc;
  opacity: 1;
  cursor: pointer;
  display: inline-block;
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.slider-section .swiper-pagination-bullet-active {
  background: #c8e000;
}

/* Pagination dots */
.slider-section .custom-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 15px;
  z-index: 9;
}

.slider-section .pag-dot {
  width: 7.43px;
  height: 7.43px;
  border-radius: 0.619px;
  background-color: #1E2426;
  -webkit-transition: background 0.2s, -webkit-transform 0.2s;
  transition: background 0.2s, -webkit-transform 0.2s;
  -o-transition: background 0.2s, transform 0.2s;
  transition: background 0.2s, transform 0.2s;
  transition: background 0.2s, transform 0.2s, -webkit-transform 0.2s;
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  cursor: pointer;
}

.slider-section .pag-dot:hover {
  background-color: #E7FF00;
}

.slider-section .pag-dot.active {
  width: 13px;
  height: 15px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="15" viewBox="0 0 13 15" fill="none"><path d="M6.47363 14.4932L0.530273 11.0244C0.51309 11.0143 0.500079 10.9936 0.5 10.9688L0.499999 4.03125C0.500113 4.00643 0.513091 3.98572 0.530272 3.97559L6.47363 0.507813C6.49015 0.498171 6.50985 0.498171 6.52637 0.507813L12.4697 3.97559C12.4869 3.9857 12.4999 4.0064 12.5 4.03125L12.5 10.9688L12.4912 11.002C12.4858 11.0114 12.4783 11.0193 12.4697 11.0244L6.52637 14.4932C6.51815 14.4979 6.50899 14.5 6.5 14.5L6.47363 14.4932Z" fill="%23E7FF00" stroke="%231E2426"/></svg>');
  border-radius: 0;
  background-color: transparent;
}

/* Tablet pagination wrapper */
.slider-section .tablet-pag-wrap {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 45px;
}

/* Mobile bottom nav */
.slider-section .mobile-nav {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 0 0;
  border-top: 1px solid #e0e0e0;
}

@media (max-width: 1200px) {
  .slider-section {
    padding: 60px 0;
  }
}

/* DESKTOP: 3 slides equal width, static */
@media(min-width:992px) {
  .slider-section .section-header .nav-arrows {
    display: none;
  }

  .slider-section .swiper-slide {
    width: calc(100%/3) !important;
  }

  .slider-section .mobile-nav {
    display: none !important;
  }

  .slider-section .tablet-pag-wrap,
  .slider-section .mobile-nav {
    display: none !important;
  }
}

/* TABLET */
@media(max-width:991.98px) {
  .slider-section {
    padding: 85px 0;
  }

  .slider-section .section-title {
    max-width: 586px;
    font-size: 40px;
    line-height: 40px;
    margin-right: 20px;
  }

  .slider-section .section-header {
    padding: 0 24px;
    margin-bottom: 63px;
  }

  .slider-section .section-header .nav-arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 0 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .slider-section .swiper-slide {
    width: 480px !important;
    border-left: none;
    padding: 39.5px;
  }

  .slider-section .mobile-nav {
    display: none !important;
  }

  .slider-section .tablet-pag-wrap {
    margin-top: 44px;
  }
}

/* @media (min-width: 481px) and (max-width: 1024px) {
  .slider-section .custom-pagination .pag-dot:nth-child(3) {
    display: none;
  }
} */

/* Slide widths per breakpoint */
@media (min-width: 481px) and (max-width: 1024px) {

  .slider-section .tablet-pag-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .slider-section .mobile-nav {
    display: none !important;
  }
}

/* MOBILE */
@media(max-width:480px) {

  .slider-section .section-title {
    font-size: 40px;
    line-height: 40px;
    margin-right: 0;
    padding-right: 4px;
  }

  .slider-section .section-header {
    margin-bottom: 63px;
    padding: 0 24px;
  }

  .slider-section .section-header .nav-arrows {
    display: none;
  }

  .slider-section .slide-meta {
    margin-bottom: 32px;
  }

  .slider-section .slide-title {
    font-size: 32px;
    margin-bottom: 14px;
  }

  .slider-section .slide-icon {
    margin-bottom: 82px;
  }

  .slider-section .swiper-slide {
    width: 100% !important;
    padding: 39.5px 24px 38.5px;
  }

  .slider-section .mobile-nav {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    padding: 32px 24px;
    border-top: none;
  }

  .slider-section .tablet-pag-wrap {
    display: none !important;
  }
}

/* exposure section starts */
.exposure-section {
  padding: 100px 0 146px;
}

.exposure-section .exposure-title {
  color: #1E2426;
  text-align: center;
  font-size: 76px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  max-width: 911px;
  margin: 0 auto 30px;
}

.exposure-section .exposure-subtitle {
  color: #5B6062;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  max-width: 910px;
  margin: 0 auto 80px;
}

.exposure-section .exposure-acc-inner .dropdown-wrapper {
  display: none;
  z-index: 2;
}

.exposure-section .sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0.5px solid #44494B;
  background: #1E2426;
  padding: 3.5px 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.exposure-section .sidebar .tab button {
  color: #FFF;
  padding: 11.5px 10px;
  position: relative;
  background: transparent;
  border: 0.5px solid #1E2426;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  font-family: "Aeonik Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

.exposure-section .sidebar .tab button:focus-visible::after {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border: 2px solid #FFF;
  border-radius: 10px;
  pointer-events: none;
}

.exposure-section .sidebar .tab button span {
  color: #D9D9D9;
  margin-right: 4px;
}

.exposure-section .sidebar .tab.active {
  border-color: #E7FF00;
  background: #E7FF00;
}

.exposure-section .sidebar .tab.active button {
  color: #2B2F31;
}

.exposure-section .sidebar .tab.active button span {
  color: #1E2426;
}

.exposure-section .sidebar .tab:not(.active) button:hover {
  background: #44494b;
  border: 0.5px solid #5b6062;
  color: #FFF;
}

.exposure-section .sidebar .tab:not(.active) button span {
  color: #D9D9D9;
}

.exposure-section .panel {
  padding: 140px 0 0;
  min-height: 558px;
}

.exposure-section .panel .contents {
  opacity: 0;
  height: 0;
  max-width: 1144px;
  margin: 0 auto;
  display: none;
  gap: 16px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  pointer-events: none;
  -webkit-transition: opacity 0.4s ease, height 0.4s ease;
  -o-transition: opacity 0.4s ease, height 0.4s ease;
  transition: opacity 0.4s ease, height 0.4s ease;
}

.exposure-section .panel .contents .left-part {
  max-width: 444px;
}

.exposure-section .panel .contents .right-part {
  max-width: 560px;
}

.exposure-section .panel .contents .right-part img {
  width: 100%;
  padding: 10px;
  border: 1.045px solid #757575;
  background: #F2F2F2;
}

.exposure-section .panel .contents.active {
  opacity: 1;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: all;
}

.exposure-section .panel h4 {
  color: #1E2426;
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 24px;
}

.exposure-section .panel .body p {
  color: #5B6062;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 137%;
}

.exposure-section .cta-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.exposure-section .cta-wrapper a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 46px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.exposure-section .cta-wrapper .black-bg {
  width: 188px;
  border: 1px solid #FFF;
  background: #1E2426;
  color: #FFF;
  position: relative;
}

.exposure-section .cta-wrapper .black-bg:hover {
  border-color: #1E2426;
  color: #1E2426;
  background: #E7FF00;
}

.exposure-section .cta-wrapper .black-bg:focus::after {
  content: '';
  position: absolute;
  top: -8px;
  left: -8px;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  border: 2px solid #1E2426;
  border-radius: 10px;
  pointer-events: none;
}

.exposure-section .cta-wrapper .demo-cta {
  width: 223px;
  border: 1px solid #1E2426;
  color: #1E2426;
  position: relative;
}

.exposure-section .cta-wrapper .demo-cta:hover {
  background: #E7FF00;
}

.exposure-section .cta-wrapper .demo-cta:focus::after {
  content: '';
  position: absolute;
  top: -8px;
  left: -8px;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  border: 2px solid #1E2426;
  border-radius: 10px;
  pointer-events: none;
}

.exposure-section .dropdown-wrapper:not(:has(.dropdown-options.open)) .dropdown:focus:before {
  content: '';
  position: absolute;
  top: -8px;
  left: -8px;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  border: 2px solid #1E2426;
  border-radius: 10px;
  pointer-events: none;
}

@media(max-width: 1319.98px) {
  .exposure-section .exposure-acc-inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }
}

@media(max-width: 1259.98px) {
  .exposure-section .exposure-acc-inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    min-height: 702px;
  }

  .exposure-section .exposure-title {
    margin-bottom: 32px;
  }

  .exposure-section .exposure-subtitle {
    margin-left: 118px;
  }
}

@media(max-width: 991.98px) {
  .exposure-section {
    padding: 75px 0 47px;
  }

  .exposure-section .exposure-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    max-width: 590px;
    font-size: 40px;
    margin-bottom: 31px;
  }

  .exposure-section .exposure-subtitle {
    margin-left: 0;
    max-width: 100%;
    margin-bottom: 79px;
  }

  .exposure-section .exposure-title img {
    width: 69px;
    margin-bottom: 24px;
  }

  .exposure-section .exposure-acc-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 470px;
  }

  .exposure-section .exposure-acc-inner .dropdown-wrapper {
    display: block;
    position: relative;
  }

  .exposure-section .sidebar {
    display: none;
  }

  .exposure-section .dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    position: relative;
  }

  .exposure-section .dropdown-box {
    color: #1E2426;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    width: 100%;
    height: 40px;
    text-align: center;
    background: #FFF;
    border: 1px solid #1E2426;
  }

  .exposure-section .dropdown-box span {
    color: #5B6062;
    margin-right: 4px;
  }

  .exposure-section .dropdown-wrapper:has(.dropdown-options.open) .dropdown-box {
    border: 0.5px solid #5B6062;
    background: #E7FF00;
    color: #2B2F31;
  }

  .exposure-section .dropdown-wrapper:has(.dropdown-options.open) .dropdown-box span {
    color: #1E2426;
  }

  .exposure-section .dropdown-wrapper:has(.dropdown-options.open) .dropdown-arrow {
    color: #2B2F31;
  }

  .exposure-section .dropdown-arrow {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #FFF;
    border: 1px solid #1E2426;
  }

  .exposure-section .dropdown-wrapper:has(.dropdown-options.open) .dropdown-arrow {
    border: 1px solid #1E2426;
    background: #E7FF00;
  }

  .exposure-section .dropdown-wrapper:has(.dropdown-options.open) .dropdown-arrow svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .exposure-section .dropdown-wrapper:has(.dropdown-options.open) .dropdown-arrow svg path {
    fill: #2B2F31;
  }

  .exposure-section .dropdown-options {
    background: #1E2426;
    position: absolute;
    width: 100%;
    top: 48px;
    opacity: 0;
    padding: 24px 16px 16px;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    pointer-events: none;
    z-index: 10;
  }

  .exposure-section .dropdown-options.open {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }

  .exposure-section .dropdown-options .option {
    color: #D9D9D9;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 7.5px 4px;
    margin-bottom: 8px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
  }

  .exposure-section .dropdown-options .option span {
    color: #D9D9D9;
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
    margin-right: 6px;
  }

  .exposure-section .dropdown-options .option.active,
  .exposure-section .dropdown-options .option.active span {
    background: #E7FF00;
    color: #1E2426;
  }

  /* Keyboard-only focus ring for the mobile capability selector — same
     treatment the desktop tab buttons use (.sidebar .tab button:focus-visible).
     Focus stays on the .dropdown trigger; the highlighted option while the list
     is open is marked with .kb-active by the keyboard handler. */
  .exposure-section .dropdown:focus,
  .exposure-section .dropdown:focus-visible {
    outline: none;
  }

  .exposure-section .dropdown:focus-visible::after,
  .exposure-section .dropdown-options .option.kb-active::after {
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    border: 2px solid #FFF;
    border-radius: 10px;
    pointer-events: none;
  }

  .exposure-section .panel .contents .right-part {
    max-width: 100%;
  }

  .exposure-section .panel {
    padding: 40px 0 0;
    min-height: 634px;
  }

  .exposure-section .panel h4,
  .exposure-section .panel .body p {
    margin-bottom: 16px;
  }

  .exposure-section .panel h4 {
    font-size: 28px;
    line-height: 28px;
  }

  .exposure-section .panel p {
    max-width: 100%;
    font-size: 16px;
    margin-bottom: 38px;
  }

  .exposure-section .panel .contents.active {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 32px;
  }

  .exposure-section .panel .contents .left-part {
    max-width: 100%;
    margin-bottom: 16px;
  }

  .exposure-section .cta-wrapper {
    margin-top: 24px;
  }
}

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

  .exposure-section .panel {
    min-height: 526px;
  }

  .exposure-section .panel p {
    margin-bottom: 36px;
  }

  .exposure-section .panel .contents.active {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 20px;
  }

  .exposure-section .panel .contents .left-part {
    margin-top: 13px;
    margin-bottom: 0;
  }

  .exposure-section .cta-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .exposure-section .exposure-subtitle {
    margin-bottom: 77px;
  }
}

/* exposure section ends */

/* Tenable one section start */
.tenable-one-section {
  background: #E7FF00;
  padding: 112px 0 111px;
}

.tenable-one-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  max-width: 1145px;
  margin: 0 auto;
}

.tenable-one-section .left-part {
  max-width: 445px;
}

.tenable-one-section .title {
  color: #1E2426;
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px;
  margin-bottom: 31px;
}

.tenable-one-section .subtitle-1 {
  color: #1E2426;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 24px;
}

.tenable-one-section .subtitle-2 {
  color: #1E2426;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 31px;
}

.tenable-one-section .c-button {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  border-radius: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  height: 46px;
  padding: 14px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  outline: none;
  border: none;
  cursor: pointer;
  background: #1e2426;
  border: 1px solid #1e2426;
  font-family: inherit;
}

.tenable-one-section .c-button:hover {
  background: #E7FF00;
  color: #1E2426;
  border-color: #1E2426;
}

.tenable-one-section .cta-wrap a::before {
  content: "";
  width: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -50px;
}

.tenable-one-section .cta-wrap a::after {
  content: "";
  pointer-events: none;
  opacity: 0;
  border: 2px solid #1e2426;
  border-radius: 10px;
  width: calc(100% + 18px);
  margin: -9px;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s;
  position: absolute;
  inset: 0;
}

.tenable-one-section .c-button:focus-visible:after {
  opacity: 1;
}

.tenable-one-section .cta-wrap a .c-button__icon-animation {
  pointer-events: none;
  position: absolute;
  top: 2px;
  bottom: 0;
  right: -80px;
}

.tenable-one-section .cta-wrap a .c-lottie {
  -webkit-transform: translateY(-33px);
  -ms-transform: translateY(-33px);
  transform: translateY(-33px);
}

@media(max-width: 991.98px) {
  .tenable-one-section {
    padding: 40px 0;
  }

  .tenable-one-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    text-align: center;
  }

  .tenable-one-section .left-part {
    max-width: 100%;
    text-align: left;
    margin-top: 18px;
  }

  .tenable-one-section .title {
    font-size: 40px;
    margin-bottom: 23px;
  }

  .tenable-one-section .subtitle-1 {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .tenable-one-section .subtitle-2 {
    line-height: 25px;
    margin-bottom: 31px;
  }
}

/* Tenable one section end */

/* FAQ section start  */
.faq-section {
  padding: 141px 0 80px;
}

.faq-section .title {
  color: #1E2426;
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  max-width: 600px;
  margin-bottom: 79px;
}

.faq-section .faq-item {
  border: 0.5px solid #5B6062;
  background: #1E2426;
  border-bottom: none;
  position: relative;
  overflow: hidden;
}

.faq-section .faq-item.active {
  background: #2B2F31;
}

.faq-section .faq-item--hidden {
  display: none;
}

.faq-section .faq-item.active::before {
  width: 100%;
}

.faq-section .faq-question {
  width: 100%;
  background: none;
  border: none;
  text-align: left;
  padding: 40px 110px 39.5px 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition: padding-bottom 0.3s ease;
}

.faq-section .faq-item.active .faq-question {
  padding-bottom: 20px;
}

.faq-section .faq-question h3 {
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
  font-family: "Aeonik Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

.faq-section .faq-icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border: 1px solid #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: 24px;
  top: 39px;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
  outline: none;
}

.faq-section .faq-item:hover .faq-icon {
  background: #E7FF00;
  border-color: #E7FF00;
}

.faq-section .faq-item.active .faq-icon {
  background: #FFF;
  border-color: #1E2426;
}

.faq-section .faq-item.active .faq-question:hover .faq-icon {
  border-color: #E7FF00;
}

.faq-section .faq-icon:focus::after {
  content: '';
  position: absolute;
  top: -6px;
  left: -6px;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  border: 2px solid #FFF;
  border-radius: 10px;
  pointer-events: none;
}

.faq-section .faq-question .faq-icon svg path {
  fill: #FFF;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}

.faq-section .faq-question:hover .faq-icon svg path {
  fill: #1E2426;
}

.faq-section .faq-icon svg {
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}

.faq-section .faq-item.active .faq-icon svg {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.faq-section .faq-item.active .faq-icon svg path {
  fill: #1E2426;
}

.faq-section .faq-answer {
  max-height: 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
  padding: 0 120px 0 24px;
  -webkit-transition: max-height 0.8s ease;
  -o-transition: max-height 0.8s ease;
  transition: max-height 0.8s ease;
}

.faq-section .faq-answer-inner {
  padding: 0 0 32px 0;
  color: #5B6062;
  font-size: 16px;
  line-height: 160%;
}

.faq-section .faq-answer-inner p,
.faq-section .faq-answer-inner ul li,
.faq-section .faq-answer-inner a {
  margin-bottom: 16px;
  color: #D9D9D9;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  position: relative;
}

.faq-section .faq-answer-inner a:hover {
  text-decoration: none;
}

.faq-section .faq-answer-inner a:focus-visible::after {
  content: '';
  position: absolute;
  top: -8px;
  left: -8px;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  border: 2px solid #FFF;
  border-radius: 10px;
  pointer-events: none;
}

.faq-section .faq-answer-inner ul li {
  margin-bottom: 0;
}

.faq-section .faq-answer-inner p:last-child {
  margin-bottom: 0;
}

.faq-section .faq-answer-inner ul {
  padding-left: 20px;
  margin-top: 12px;
}

.faq-section .faq-answer-inner a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.faq-section .faq-show-more-wrapper {
  padding: 32px 24px;
  border: 1px solid #5B6062;
  background: #1E2426;
}

.faq-section .faq-show-more-btn {
  background: none;
  border: 1px solid #FFF;
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
  padding: 13px 23px;
  cursor: pointer;
  -webkit-transition: background 0.25s ease, color 0.25s ease;
  -o-transition: background 0.25s ease, color 0.25s ease;
  transition: background 0.25s ease, color 0.25s ease;
  font-family: inherit;
}

.faq-section .faq-show-more-btn:hover {
  color: #1e2426;
  border-color: #e7ff00;
  background-color: #e7ff00;
}

@media(max-width: 991.98px) {
  .faq-section {
    padding: 82px 0 31px;
  }

  .faq-section .container {
    padding: 0 24px;
  }

  .faq-section .title {
    margin-bottom: 29px;
    font-size: 40px;
  }

  .faq-section .faq-question {
    padding: 39px 86px 39.5px 25px;
  }

  .faq-section .faq-answer {
    padding: 0 24px;
  }

  .faq-section .faq-question h3 {
    font-size: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media(max-width: 767.98px) {
  .faq-section .container {
    padding: 0 24px;
  }

  .faq-section .title {
    margin-bottom: 29px;
  }

  .faq-section .faq-question h3 {
    font-size: 20px;
  }

  .faq-section .faq-show-more-wrapper {
    padding: 24px;
  }

  .faq-section .faq-icon {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: 38px;
  }
}

/* FAQ section end  */

/* Resource section starts */
.resources-section {
  background: #1E2426;
  padding: 153px 0 182px;
  display: none;
}

.resources-section .container {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding: 0 32px;
}

.resources-section .resources-section-wrapper {
  display: flex;
  align-items: center;
  column-gap: 90px;
  max-width: 1260px;
}

.resources-section .resource-title {
  color: #FFF;
  font-size: 96px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  max-width: 562px;
  margin-bottom: 46px;
}

.resources-section .left-part {
  margin-top: 32px;
}

.resources-section .cta-wrap a {
  color: #1E2426;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  border-radius: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  height: 46px;
  padding: 14px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  outline: none;
  border: none;
  cursor: pointer;
  background: #FFF;
  font-family: inherit;
}

.resources-section .cta-wrap a .c-lottie {
  -webkit-transform: translateY(-33px);
  -ms-transform: translateY(-33px);
  transform: translateY(-33px);
}

.resources-section .cta-wrap a .c-button__icon-animation {
  pointer-events: none;
  position: absolute;
  top: 3px;
  bottom: 0;
  right: -80px;
}

.resources-section .cta-wrap a::after {
  content: "";
  pointer-events: none;
  opacity: 0;
  border: 2px solid #FFF;
  border-radius: 10px;
  width: calc(100% + 18px);
  margin: -9px;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s;
  position: absolute;
  inset: 0;
}

.resources-section .cta-wrap a:focus-visible::after {
  opacity: 1;
}

.resources-section .cta-wrap a::before {
  content: "";
  width: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -50px;
}

.resources-section .cta-wrap a:hover {
  background: #E7FF00;
  color: #1E2426;
}

.resources-section .card {
  padding: 40px;
  border: 0.5px solid #5B6062;
  background: #1E2426;
  border-top: 0.7px solid #5B6062;
  border-bottom: 0.7px solid #5B6062;
  min-height: 529px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.resources-section .resource-slider {
  max-width: 608px;
  padding: 0 64px;
  position: relative;
}

.resources-section .resource-slider .button-wrapper {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 11;
}

.resources-section .resources-swiper {
  width: 100%;
  height: 529px;
  overflow: visible;
  position: relative;
}

.resources-section .resources-swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.resources-swiper .swiper-slide {
  outline: none;
  pointer-events: none;
}

.resources-swiper .swiper-slide.swiper-slide-active {
  pointer-events: auto;
}

.resources-section .card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.resources-section .card-header p {
  color: #D9D9D9;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  border: 0.5px solid #D9D9D9;
  padding: 7.5px 9px;
}

.resources-section .card-footer h4 {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.resources-section .card-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 33px;
}

.resources-section .card-footer h4 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.resources-section .card-footer a {
  border: 1.045px #1E2426;
  background: #FFF;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.resources-section .card-footer a:hover {
  background: #E7FF00;
}

.resources-section .swiper-button-next,
.resources-section .swiper-button-prev {
  width: 40px;
  height: 40px;
  border: 1px solid #1E2426;
  background: #FFF;
  z-index: 1;
  outline: none;
  left: 0;
}

.resources-section .swiper-button-next:not(.swiper-button-disabled):hover,
.resources-section .swiper-button-prev:not(.swiper-button-disabled):hover {
  background: #E7FF00;
}

.resources-section .swiper-button-next:not(.swiper-button-disabled):focus::before,
.resources-section .swiper-button-prev:not(.swiper-button-disabled):focus::before {
  content: '';
  pointer-events: none;
  position: absolute;
  top: -8px;
  left: -8px;
  border-radius: 12px;
  border: 2px solid #fff;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
}

.resources-section .swiper-button-next {
  right: 0;
  left: auto;
}

.resources-section .swiper-button-next.swiper-button-disabled,
.resources-section .swiper-button-prev.swiper-button-disabled {
  border: 1px solid #FFF;
  opacity: 0.3;
  background: transparent;
}

.resources-section .swiper-button-next svg,
.resources-section .swiper-button-prev svg {
  width: 24px;
  height: 24px;
}

.resources-section .swiper-button-next svg path,
.resources-section .swiper-button-prev svg path {
  fill: #1E2426;
}

.resources-section .swiper-button-next.swiper-button-disabled svg path,
.resources-section .swiper-button-prev.swiper-button-disabled svg path {
  fill: #FFF;
}

.resources-section .swiper-button-next::after,
.resources-section .swiper-button-prev::after {
  display: none;
}

/* Ghost card layers — sit behind the active slide */
.resources-section .resources-swiper::before,
.resources-section .resources-swiper::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  border: 0.7px solid #5B6062;
  background: #1E2426;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Second ghost (furthest back) — narrower, higher up */
.resources-section .resources-swiper::before {
  top: -32px;
  left: 32px;
  right: 32px;
  z-index: -2;
  opacity: 1;
}

/* First ghost — slightly narrower, slightly above */
.resources-section .resources-swiper::after {
  top: -16px;
  left: 16px;
  right: 16px;
  z-index: -1;
  opacity: 1;
}

/* Slide 2 active: hide the far ghost */
.resources-section .resources-swiper.hide-second::before {
  opacity: 0;
  transform: translateY(10px);
}

/* Slide 3 active: hide both ghosts */
.resources-section .resources-swiper.hide-all::before,
.resources-section .resources-swiper.hide-all::after {
  opacity: 0;
  transform: translateY(10px);
}

.resources-section .swiper-pagination {
  bottom: -62px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.resources-section .swiper-pagination .swiper-pagination-bullet {
  width: 7.4px;
  height: 7.4px;
  background: #FFF;
  opacity: 1;
  position: relative;
  border-radius: 0.6px;
  margin: 0 7.43px;
}

.resources-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 13px;
  height: 13px;
  border-radius: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="15" viewBox="0 0 13 15" fill="none"><path d="M6.47363 14.4932L0.530273 11.0244C0.51309 11.0143 0.500079 10.9936 0.5 10.9688L0.499999 4.03125C0.500113 4.00643 0.513091 3.98572 0.530272 3.97559L6.47363 0.507814C6.49015 0.498171 6.50985 0.498171 6.52637 0.507814L12.4697 3.97559C12.4869 3.9857 12.4999 4.0064 12.5 4.03125L12.5 10.9688L12.4912 11.002C12.4858 11.0115 12.4783 11.0193 12.4697 11.0244L6.52637 14.4932C6.51815 14.4979 6.50899 14.5 6.5 14.5L6.47363 14.4932Z" fill="%23E7FF00" stroke="%231E2426"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 4.5px;
}

.resources-section .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
  background: #E7FF00;
}

.resources-section .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):focus {
  outline: none;
  box-shadow: 0 0 0 4px #1E2426, 0 0 0 6px #FFF;
  border-radius: 2px;
}

@media(max-width: 1199.98px) {
  .resources-section .resources-section-wrapper {
    justify-content: space-between;
  }

  .resources-section .resource-title {
    font-size: 56px;
  }
}

@media(max-width: 1023.98px) {
  .resources-section {
    padding: 62px 0 132px;
  }

  .resources-section .container {
    padding: 0 24px;
  }

  .resources-section .resources-section-wrapper {
    flex-direction: column;
  }

  .resources-section .resource-title {
    transform: none;
    max-width: 100%;
    font-size: 48px;
    margin-bottom: 30px;
  }

  .resources-section .left-part {
    margin-top: 0px;
    width: 100%;
  }

  .resources-section .resource-slider {
    max-width: 342px;
    padding: 0;
    margin-top: 56px;
  }

  .resources-section .resources-swiper::before {
    top: -24px;
    left: 24px;
    right: 24px;
  }

  .resources-section .resources-swiper::after {
    top: -12px;
    left: 12px;
    right: 12px;
  }

  .resources-section .resources-swiper {
    height: 380px;
  }

  .resources-section .card {
    padding: 24px 16px;
    border-top: 0.5px solid #5B6062;
    border-bottom: 0.5px solid #5B6062;
    min-height: 380px;
  }

  .resources-section .card-footer h4 {
    font-size: 24px;
    line-height: 120%;
  }

  .resources-section .resource-slider .button-wrapper {
    top: auto;
    bottom: -54px;
  }

  .resources-section .swiper-pagination {
    bottom: -59px;
  }

  .resources-section .card-header img {
    width: 71px;
    margin-top: 12px;
    margin-left: 10px;
  }
}

@media(max-width: 767.98px) {
  .resources-section .container {
    padding: 0 24px;
  }
}

/* resources section end */

/* see tenable section start */
.see-tenable {
  padding: 123px 0 106px;
}

.see-tenable .see-tenable-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
}

.see-tenable .see-tenable-wrapper .see-tenable-title {
  color: #1E2426;
  font-size: 128px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  max-width: 550px;
}

.see-tenable .see-tenable-wrapper .see-tenable-title span {
  line-height: 100px;
  -webkit-transform: translate(-19px, -2px);
  -ms-transform: translate(-19px, -2px);
  transform: translate(-19px, -2px);
  display: inline-block;
  background: #e7ff00;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 5px 19px 25px;
}

.see-tenable .see-tenable-wrapper .right-wrap {
  max-width: 329px;
  padding-right: 13px;
  padding-bottom: 13px;
}

.see-tenable .see-tenable-wrapper .see-tenable-subtitle {
  color: #1E2426;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 31px;
}

.see-tenable .see-tenable-wrapper #lottie-container {
  width: 97px;
  position: absolute;
  top: -4px;
  right: 0px;
}

.see-tenable .see-tenable-wrapper .cta-wrap a {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  border-radius: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  height: 46px;
  padding: 14px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  outline: none;
  border: none;
  cursor: pointer;
  background: #1e2426;
  border: 1px solid #1e2426;
  font-family: inherit;
}

.see-tenable .see-tenable-wrapper .cta-wrap a .c-lottie {
  -webkit-transform: translateY(-33px);
  -ms-transform: translateY(-33px);
  transform: translateY(-33px);
}

.see-tenable .see-tenable-wrapper .cta-wrap a .c-button__icon-animation {
  pointer-events: none;
  position: absolute;
  top: 2px;
  bottom: 0;
  right: -80px;
}

.see-tenable .see-tenable-wrapper .cta-wrap a::after {
  content: "";
  pointer-events: none;
  opacity: 0;
  border: 2px solid #1e2426;
  border-radius: 10px;
  width: calc(100% + 18px);
  margin: -9px;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s;
  position: absolute;
  inset: 0;
}

.see-tenable .see-tenable-wrapper .cta-wrap a:focus-visible::after {
  opacity: 1;
}

.see-tenable .see-tenable-wrapper .cta-wrap a::before {
  content: "";
  width: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -50px;
}

.see-tenable .see-tenable-wrapper .cta-wrap a:hover {
  background: #E7FF00;
  color: #1E2426;
}

@media(max-width: 991.98px) {
  .see-tenable {
    padding: 62px 0 47px;
  }

  .see-tenable .see-tenable-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .see-tenable .see-tenable-wrapper .see-tenable-subtitle {
    margin-top: 6px;
    color: #5B6062;
  }

  .see-tenable .see-tenable-wrapper .see-tenable-title {
    font-size: 64px;
    line-height: 64px;
    max-width: 280px;
  }

  .see-tenable .see-tenable-wrapper #lottie-container {
    width: 40px;
  }

  .see-tenable .see-tenable-wrapper .see-tenable-title span {
    line-height: 54px;
    -webkit-transform: translate(-10px, -3px);
    -ms-transform: translate(-10px, -3px);
    transform: translate(-10px, -3px);
    padding: 1px 10px 11px;
  }
}

@media(max-width: 767.98px) {
  .see-tenable .see-tenable-wrapper .see-tenable-logo {
    width: 40px;
    height: 40px;
  }

  .see-tenable .see-tenable-wrapper .see-tenable-subtitle {
    margin-top: 7px;
    margin-bottom: 30px;
  }

  .see-tenable .see-tenable-wrapper #lottie-container {
    width: 40px;
    top: -2px;
  }
}

/* see tenable section end */

/* footer section start*/
.footer {
  padding: 32px 0;
  text-align: center;
  background: #1E2426;
}

.footer .container {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding: 0 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer .container::before,
.footer .container::after {
  display: none;
}

.footer .copyright {
  color: #969696;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
  margin-top: 16px;
}

.footer-links a {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  margin-right: 12px;
  position: relative;
}

.footer-links a:not(:last-child)::after {
  content: '';
  position: absolute;
  right: -9px;
  top: 2px;
  width: 1px;
  height: 15px;
  pointer-events: none;
  background: #757575;
}

.footer-links a:focus::before {
  content: '';
  position: absolute;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  border: 2px solid #FFF;
  border-radius: 10px;
  top: -6px;
  left: -6px;
}

.footer-logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}

@media screen and (max-width: 1023.98px) {
  .footer .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .footer .copyright {
    text-align: center;
  }

  .hidden-separator {
    display: none;
  }

  .footer-logos {
    margin-bottom: 20px;
  }

  .footer-links a {
    margin: 0 6px;
  }

  .footer-links a:not(:last-child)::after {
    right: -8px;
  }
}

@media(max-width:767.98px) {
  .footer .container {
    padding: 0 32px;
  }

  .footer-logos {
    margin-bottom: 22px;
  }

  .footer-links {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 328px;
    margin: 0 auto;
  }

  .footer-links a {
    margin: 0 8px 8px;
  }

  .footer .copyright {
    margin-top: 8px;
  }

  .footer-links a:first-child::after,
  .footer-links a:nth-child(2)::after {
    display: none;
  }

  .footer-links a:not(:last-child)::after {
    top: 0;
  }
}

/* footer section ends*/