@import url("https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap");
@font-face {
  font-family: "GT Haptik ZS";
  font-style: normal;
  font-weight: 400;
  src: url(https://static.rainfocus.com/zscaler/ams25/static/staticfile/staticfile/GT-Haptik-ZS-Regular_1729608980362001I3Jo.woff2) format("woff2");
}
@font-face {
  font-family: "GT Haptik ZS";
  font-style: normal;
  font-weight: 500;
  src: url(https://static.rainfocus.com/zscaler/ams25/static/staticfile/staticfile/GT-Haptik-ZS-Medium_1729608980733001IGpu.woff2) format("woff2");
}
@font-face {
  font-family: "GT Haptik ZS";
  font-style: normal;
  font-weight: 700;
  src: url(https://static.rainfocus.com/zscaler/ams25/static/staticfile/staticfile/GT-Haptik-ZS-Bold_1729608980694001IYz6.woff2) format("woff2");
}
@font-face {
  font-family: "GT Haptik ZS";
  font-style: oblique;
  font-weight: 400;
  src: url(https://static.rainfocus.com/zscaler/ams25/static/staticfile/staticfile/GT-Haptik-ZS-Regular-Oblique_1729608980617001IjJH.woff2) format("woff2");
}
@font-face {
  font-family: "GT Haptik ZS";
  font-style: oblique;
  font-weight: 500;
  src: url(https://static.rainfocus.com/zscaler/ams25/static/staticfile/staticfile/GT-Haptik-ZS-Medium-Oblique_1729608980202001IMoM.woff2) format("woff2");
}
@font-face {
  font-family: "GT Haptik ZS";
  font-style: oblique;
  font-weight: 700;
  src: url(https://static.rainfocus.com/zscaler/ams25/static/staticfile/staticfile/GT-Haptik-ZS-Bold-Oblique_1729608980533001IRqc.woff2) format("woff2");
}
.dm-mono-light {
  font-family: "DM Mono", monospace;
  font-weight: 300;
  font-style: normal;
}

.dm-mono-regular {
  font-family: "DM Mono", monospace;
  font-weight: 400;
  font-style: normal;
}

.dm-mono-medium {
  font-family: "DM Mono", monospace;
  font-weight: 500;
  font-style: normal;
}

.dm-mono-light-italic {
  font-family: "DM Mono", monospace;
  font-weight: 300;
  font-style: italic;
}

.dm-mono-regular-italic {
  font-family: "DM Mono", monospace;
  font-weight: 400;
  font-style: italic;
}

.dm-mono-medium-italic {
  font-family: "DM Mono", monospace;
  font-weight: 500;
  font-style: italic;
}

:root {
  --gt-haptick: "GT Haptik ZS", sans-serif;
  --zenith-black: #000000;
  --zscaler-dark-blue: #001744;
  --zscaler-bright-blue: #256CF7;
  --zenith-sky: #00ACED;
  --zenith-teal: #8BC7D1;
  --zenith-light-sky-blue: #E5F1FA;
  --zenith-white: #FFFFFF;
  --zeith-light-grey: #CFD1D2;
  --zeith-hot-pink: #FE00E2;
  --zeith-hot-pink-dark: #C600B5;
  --rf-comp-button-space-padding: 8px 15px;
  --rf-comp-button-shape-radius: 0;
  --rf-comp-button-font-transform: none;
  --rf-comp-button-font-size: 14px;
  --rf-comp-button-primary-color-on-background: var(--zenith-white);
  --rf-comp-button-primary-color-background: var(--zeith-hot-pink);
  --rf-comp-button-primary-color-border: var(--zeith-hot-pink);
  --rf-comp-button-primary-hover-color-background: var(--zeith-hot-pink-dark);
  --rf-comp-button-primary-hover-color-border: var(--zeith-hot-pink-dark);
  --rf-brand-color-text-body: var(--zscaler-dark-blue);
  --rf-brand-color-text-heading: var(--zscaler-dark-blue);
  --rf-brand-font-family: var(--gt-haptick);
  --rf-brand-font-family-heading: var(--gt-haptick);
  --rf-brand-shape-radius: 0;
  --rf-comp-input-space-padding: 12px;
}

.rf-body {
  text-rendering: optimizelegibility;
}

:is(.rf-admin-content, .rfComp-canvas, .rf-default-modal, [id*=rf-].rf-widget) {
  font-weight: 400;
}

:is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-weight: 500;
}

.meta-h3-desktop {
  font-weight: 500;
  font-size: 36px;
  line-height: 46px;
}

@media all and (max-width: 767px) {
  .mobile-only-image {
    display: block !important;
  }
}

@media all and (max-width: 767px) {
  .max-lg\:bg-none {
    background: transparent !important;
  }
}

@media all and (min-width: 768px) {
  .min-sm\:hidden {
    display: none !important;
  }
}

.flex-box-section-full {
  padding: 40px 0;
}
.flex-box-section-full p {
  letter-spacing: 0.02em;
}
.flex-box-section-full .flex-box-section-full-interior {
  max-width: 1210px;
}
.flex-box-section-full .flex-box-child {
  margin: 0;
}

.matching-height-content .flex-box-child > div,
.matching-height-content .flex-box-child .block-snippet,
.matching-height-content .flex-box-child .element-container-wrapper,
.matching-height-content .flex-box-child .element-container,
.matching-height-content .flex-box-child .element-container .keep-bullets,
.matching-height-content .flex-box-child .element-container .element-container-wrapper,
.matching-height-content .flex-box-child .element-container .element-container-wrapper > div,
.matching-height-content .flex-box-child .element-container .keep-bullets > div {
  height: 100%;
}

.overcompensate-header-height {
  margin-top: calc(-1 * var(--header-height));
  padding-top: var(--header-height) !important;
}

@media all and (min-width: 768px) {
  .flex-box-section-full {
    padding: 50px 0;
  }
}
.light-theme {
  --rf-brand-color-text-heading: var(--zenith-white);
  --rf-brand-color-text-body: var(--zenith-white);
  --rf-comp-link-color: var(--zenith-white);
  --rf-comp-link-font-decoration: underline;
}

.dark-link {
  --rf-comp-link-color: var(--zscaler-dark-blue);
  --rf-comp-link-font-decoration: underline;
}

.no-margins {
  padding: 0;
  display: flex;
  justify-content: center;
}
.no-margins .flex-box-section-full-interior {
  margin: 0;
  padding: 0;
  max-width: 1800px;
}
.no-margins .flex-box-child {
  margin: 0;
}

.dm-mono-font {
  font-family: "DM Mono", monospace;
}

.buttons-variant {
  --rf-comp-button-space-padding: 8px 26px;
  --rf-comp-button-shape-radius: 0;
  --rf-comp-button-font-transform: none;
  --rf-comp-button-font-size: 16px;
  --rf-comp-button-primary-color-on-background: var(--zenith-white);
  --rf-comp-button-primary-color-background: var(--zscaler-bright-blue);
  --rf-comp-button-primary-color-border: var(--zscaler-bright-blue);
  --rf-comp-button-primary-hover-color-background: var(--zenith-light-sky-blue);
  --rf-comp-button-primary-hover-color-border: var(--zenith-light-sky-blue);
  --rf-comp-button-primary-hover-color-on-background: var(--zscaler-bright-blue);
  --rf-comp-button-secondary-color-on-background: var(--zscaler-bright-blue);
  --rf-comp-button-secondary-color-background: var(--zenith-light-sky-blue);
  --rf-comp-button-secondary-color-border: var(--zenith-light-sky-blue);
  --rf-comp-button-secondary-hover-color-background: var(--zscaler-bright-blue);
  --rf-comp-button-secondary-hover-color-border: var(--zscaler-bright-blue);
  --rf-comp-button-secondary-hover-color-on-background: var(--zenith-white);
}
.buttons-variant .mdBtnR {
  font-weight: 700;
}
.buttons-variant .mdBtnR .mdBtnR-primary,
.buttons-variant .mdBtnR .mdBtnR-outline-primary {
  line-height: 20px;
}

.full-width-button .mdBtnR.mdBtnR-primary {
  padding-inline: initial;
  width: 100%;
}

.blue-to-sky-text-gradient {
  background: linear-gradient(106.48deg, #246BF3 8.4%, #05ACED 61.41%), linear-gradient(0deg, #00ACED, #00ACED);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.py-70 {
  padding-top: 55px;
  padding-bottom: 55px;
}
@media all and (min-width: 768px) {
  .py-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.conditional-accordion {
  --accordion-icon-width: 24px;
  --accordion-icon-gap: 12px;
}
@media all and (min-width: 768px) {
  .conditional-accordion summary {
    pointer-events: none;
    cursor: text;
  }
  .conditional-accordion summary::before {
    display: none;
  }
}
@media all and (max-width: 767px) {
  .conditional-accordion summary {
    cursor: pointer;
  }
}
.conditional-accordion summary::before {
  content: "";
  background-color: var(--rf-brand-color-text-body);
  mask-image: url("https://static.rainfocus.com/zscaler/ams25/static/staticfile/staticfile/chevron-circle_1729537122356001PEeD.svg");
  mask-repeat: no-repeat;
  mask-size: 100%;
  mask-position: center;
  width: var(--accordion-icon-width);
  height: var(--accordion-icon-width);
  margin-inline-end: var(--accordion-icon-gap);
  flex-shrink: 0;
  transition: 0.3s ease;
}
.conditional-accordion summary::-webkit-details-marker {
  display: none;
}
.conditional-accordion summary:hover::before, .conditional-accordion summary:focus-visible::before {
  background-color: var(--zenith-sky);
}
@media all and (max-width: 767px) {
  .conditional-accordion p {
    padding-inline-start: calc(var(--accordion-icon-width) + var(--accordion-icon-gap));
  }
}
.conditional-accordion[open] summary::before {
  transform: rotate(90deg);
}

.full-width-section {
  padding: 0;
  overflow: hidden;
}
.full-width-section .flex-box-section-full-interior {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.half-n-half .atomic:has(> .one-half) {
  max-width: 1210px;
  margin: auto;
}
@media all and (min-width: 768px) {
  .half-n-half .atomic:has(> .one-half) {
    width: 95%;
    padding: 0 20px;
  }
}
.half-n-half .one-half {
  position: relative;
  isolation: isolate;
}
.half-n-half .one-half:first-of-type, .half-n-half .one-half:last-of-type {
  padding: 48px 33px;
}
.half-n-half .one-half:first-of-type::before, .half-n-half .one-half:last-of-type::before {
  content: "";
  position: absolute;
  top: 0;
  width: 50vw;
  height: 100%;
  z-index: -1;
}
@media all and (min-width: 768px) {
  .half-n-half .one-half:first-of-type {
    padding: 48px 48px 48px 0;
  }
}
.half-n-half .one-half:first-of-type::before {
  left: 0;
  translate: -99% 0;
  background: var(--zscaler-bright-blue);
}
@media all and (min-width: 768px) {
  .half-n-half .one-half:last-of-type {
    padding: 48px 0 48px 48px;
  }
}
.half-n-half .one-half:last-of-type::before {
  right: 0;
  translate: 99% 0;
  background: var(--zenith-sky);
}
.half-n-half--grey .one-half:last-of-type {
  background: linear-gradient(180deg, rgba(207, 209, 210, 0.5019607843) 0%, #FFFFFF 100%) !important;
}
.half-n-half--grey .one-half:last-of-type::before {
  translate: 100% 0;
  background: linear-gradient(180deg, rgba(207, 209, 210, 0.5019607843) 0%, #FFFFFF 100%);
}
.half-n-half--light-blue .one-half:first-of-type {
  background: var(--zenith-sky) !important;
}
.half-n-half--light-blue .one-half:first-of-type::before {
  background: var(--zenith-sky);
}
.half-n-half--light-blue .one-half:last-of-type {
  background: var(--zenith-white) !important;
}
.half-n-half--light-blue .one-half:last-of-type::before {
  background: var(--zenith-white);
}

details.plus-icon .dropdown-icon::before {
  content: "";
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.65686 0.41748V6.07433M5.65686 11.7312V6.07433M5.65686 6.07433H11.3137M5.65686 6.07433L6.11459e-06 6.07433" stroke="%23256CF7" stroke-width="1.5"/></svg>');
}
details.plus-icon[open].plus-icon .dropdown-icon::before {
  background-image: url('data:image/svg+xml,<svg width="12" height="2" viewBox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3137 1.07433H5.65686L6.19888e-06 1.07433" stroke="%23256CF7" stroke-width="1.5"/></svg>');
}

.table-component.atomic-element table {
  display: table;
  border-collapse: collapse;
}
.table-component.atomic-element thead {
  display: table-header-group;
}
.table-component.atomic-element tbody {
  display: table-row-group;
}
.table-component.atomic-element tr {
  display: table-row;
}
.table-component.atomic-element th, .table-component.atomic-element td {
  display: table-cell;
}
.table-component th, .table-component td {
  border: 1px solid black;
  padding-left: 5px;
  padding-right: 20px;
}

ul.li-bullet-points.atomic-element li {
  display: list-item;
  list-style: disc;
}

slot.scroll-mh-80.atomic-element {
  max-height: 80vh;
  overflow-y: auto;
}

#rf-content:has(#workflow-login-page) {
  background: linear-gradient(180deg, var(--zscaler-dark-blue) 0%, var(--zscaler-bright-blue) 100%);
}

.rf-body:has(#workflow-login-page) {
  display: flex;
  flex-direction: column;
}
.rf-body:has(#workflow-login-page) .rf-org-header-container {
  display: none;
}
.rf-body:has(#workflow-login-page) .rfComp-canvas {
  height: 100%;
}
.rf-body:has(#workflow-login-page) .rfComp-canvas .special-div {
  display: flex;
  align-items: center;
}
.rf-body:has(#workflow-login-page) .rfwf-body-content {
  --logo-spacing: 24px;
  margin-block-start: var(--logo-spacing);
}
.rf-body:has(#workflow-login-page) .rfwf-body-content::before {
  content: "";
  background-image: url("https://static.rainfocus.com/zscaler/ams25/static/staticfile/staticfile/ZenithLive-logo_1729620672362001taDF.svg");
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% calc(-100% - var(--logo-spacing));
  width: 280px;
  aspect-ratio: 7/1;
}
.rf-body:has(#workflow-login-page) .rfwf-login-page {
  --card-padding: 32px;
}
.rf-body:has(#workflow-login-page) .rfwf-login-page .rfwf-panel-interior {
  display: flex;
  max-width: 956px;
}
@media all and (max-width: 1023px) {
  .rf-body:has(#workflow-login-page) .rfwf-login-page .rfwf-panel-interior {
    flex-direction: column;
    max-width: 100%;
  }
}
@media all and (max-width: 1023px) {
  .rf-body:has(#workflow-login-page) .rfwf-login-page .rfwf-panel-interior .rfG-md-50 {
    width: 100%;
  }
}
.rf-body:has(#workflow-login-page) .rfwf-login-page .rfwf-panel-interior .rfG-md-100 {
  display: flex;
  justify-content: center;
}
.rf-body:has(#workflow-login-page) .rfwf-login-page .login-frame,
.rf-body:has(#workflow-login-page) .rfwf-login-page .create-account-frame {
  height: 100%;
  display: flex;
  flex-direction: column;
  margin: 0;
}
.rf-body:has(#workflow-login-page) .rfwf-login-page .md-frame-header {
  border: none;
  padding: var(--card-padding) var(--card-padding) 0;
  margin-block-end: 16px;
}
.rf-body:has(#workflow-login-page) .rfwf-login-page .md-frame-header h2 {
  font-family: var(--rf-brand-font-family-heading);
  font-size: 36px;
  font-weight: 400;
}
@media all and (max-width: 767px) {
  .rf-body:has(#workflow-login-page) .rfwf-login-page .md-frame-header h2 {
    font-size: 30px;
  }
}
@media all and (max-width: 549px) {
  .rf-body:has(#workflow-login-page) .rfwf-login-page .md-frame-header h2 {
    font-size: 24px;
  }
}
.rf-body:has(#workflow-login-page) .rfwf-login-page .md-frame-body {
  padding: 0 var(--card-padding) var(--card-padding);
  flex: 1;
}
.rf-body:has(#workflow-login-page) .rfwf-login-page .md-frame-footer {
  border: none;
  padding: 0 var(--card-padding) var(--card-padding);
}
.rf-body:has(#workflow-login-page) .rfwf-login-page .login-frame .login-submit-frame {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-block-start: 36px;
}
.rf-body:has(#workflow-login-page) .rfwf-login-page .login-frame .login-submit-frame .mdBtnR {
  width: auto;
  padding-inline: 64px;
}
.rf-body:has(#workflow-login-page) .rfwf-login-page .login-frame .login-submit-frame a {
  margin-top: 0;
  font-weight: 600;
}

.rf-body[class*=zscaler-pss25] {
  --rf-comp-button-space-padding: 8px 26px;
  --rf-comp-button-shape-radius: 0;
  --rf-comp-button-font-transform: none;
  --rf-comp-button-font-size: 16px;
  --rf-comp-button-primary-color-on-background: var(--zenith-white);
  --rf-comp-button-primary-color-background: var(--zscaler-bright-blue);
  --rf-comp-button-primary-color-border: var(--zscaler-bright-blue);
  --rf-comp-button-primary-hover-color-background: var(--zenith-light-sky-blue);
  --rf-comp-button-primary-hover-color-border: var(--zenith-light-sky-blue);
  --rf-comp-button-primary-hover-color-on-background: var(--zscaler-bright-blue);
  --rf-comp-button-secondary-color-on-background: var(--zscaler-bright-blue);
  --rf-comp-button-secondary-color-background: var(--zenith-light-sky-blue);
  --rf-comp-button-secondary-color-border: var(--zenith-light-sky-blue);
  --rf-comp-button-secondary-hover-color-background: var(--zscaler-bright-blue);
  --rf-comp-button-secondary-hover-color-border: var(--zscaler-bright-blue);
  --rf-comp-button-secondary-hover-color-on-background: var(--zenith-white);
}
.rf-body[class*=zscaler-pss25] .mdBtnR {
  font-weight: 700;
}
.rf-body[class*=zscaler-pss25] .mdBtnR .mdBtnR-primary,
.rf-body[class*=zscaler-pss25] .mdBtnR .mdBtnR-outline-primary {
  line-height: 20px;
}
.rf-body[class*=zscaler-pss25] #rf-content:has(#workflow-login-page) {
  background: #fff;
  padding-top: 150px;
}
.rf-body[class*=zscaler-pss25] #rf-content:has(#workflow-login-page) .rfwf-body-content::before {
  background-image: url("https://static.rainfocus.com/zscaler/pss25/static/staticfile/staticfile/Group%201010102410_1729711649261001VKoy.svg");
  width: 200px;
  height: 100px;
}
.rf-body[class*=zscaler-pss25] #rf-content:has(#workflow-login-page) .rfwf-login-page .rfwf-panel-interior .rfG-md-50 .login-frame,
.rf-body[class*=zscaler-pss25] #rf-content:has(#workflow-login-page) .rfwf-login-page .rfwf-panel-interior .rfG-md-50 .create-account-frame {
  background-color: rgba(204, 209, 218, 0.3019607843);
}
.rf-body[class*=zscaler-pss25] #rf-content:has(#workflow-login-page) .rfwf-login-page .rfwf-panel-interior .md-frame {
  border: none;
  box-shadow: none;
}

.custom-form-content .wf-form-element-div .rfG-row:has(.radio) {
  display: flex;
  flex-direction: column;
}

.confirmation-page .rfwf-confirmation-buttons .rfwf-panel-interior {
  display: flex;
  justify-content: flex-end;
}
.confirmation-page .rfwf-confirmation-buttons .rfwf-panel-interior .mdBtnR-outline-primary {
  --rf-comp-button-secondary-color-on-background: var(--zenith-white);
  --rf-comp-button-secondary-color-background: var(--zeith-hot-pink);
  --rf-comp-button-secondary-color-border: var(--zeith-hot-pink);
  --rf-comp-button-secondary-hover-color-on-background: var(--zenith-white);
  --rf-comp-button-secondary-hover-color-background: var(--zeith-hot-pink-dark);
  --rf-comp-button-secondary-hover-color-border: var(--zeith-hot-pink-dark);
}
.confirmation-page .rfwf-confirmation-buttons .rfwf-panel-interior .pull-right {
  display: none;
}

.zscaler-blue-gradient {
  background: linear-gradient(180deg, var(--zscaler-dark-blue) 0%, var(--zscaler-bright-blue) 100%);
}

.zscaler-blue-gradient-w-line {
  background: linear-gradient(180deg, var(--zscaler-dark-blue) 0%, var(--zscaler-bright-blue) 100%);
}
@media all and (min-width: 1024px) {
  .zscaler-blue-gradient-w-line {
    background: url("https://static.rainfocus.com/zscaler/ams25/static/staticfile/staticfile/line-art-zenith-live%20%281%29_1729611251238001r3rS.svg") no-repeat right, linear-gradient(180deg, var(--zscaler-dark-blue) 0%, var(--zscaler-bright-blue) 100%);
  }
}

@media all and (min-width: 768px) {
  .public-sector-words.flex-box-section-full {
    background-image: url(https://static.rainfocus.com/zscaler/pss25/static/staticfile/staticfile/PSS%20TYPE_1729270487332001jchu.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
}

.zscaler-white-gradient {
  background: linear-gradient(180deg, #E5F1FA 0%, #FFFFFF 100%);
}

.zscaler-gray-to-white-gradient {
  background: linear-gradient(180deg, rgba(207, 209, 210, 0.49) 0%, #FFFFFF 100%);
}

.zscaler-white-to-gray-gradient {
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(207, 209, 210, 0.49) 100%);
}

details.zscaler-accordion .dropdown-icon {
  transform: rotate(270deg);
}
details.zscaler-accordion[open] .dropdown-icon {
  transform: rotate(180deg);
}