.portx-hero-title {
  width: 100%;
  margin: 0 auto 52px;
  font-size: clamp(72px, 6vw, 112px);
  line-height: .94;
  letter-spacing: -.06em;
  color: #fff;
}
.portx-hero-title > span { display: block; }
.portx-home-hero {
  display: flex;
  align-items: center;
  min-height: 100svh;
  padding-top: 140px;
  padding-bottom: 60px;
}
.portx-hero-cta { min-width: 168px; }
.oit-btn-border,
.oit-btn-border.btn-white-bg,
.oit-btn-border.btn-black-bg,
.oit-btn-border.btn-blur-bg {
  justify-content: center !important;
  text-align: center;
  padding-left: 26px;
  padding-right: 26px;
  border: 1px solid rgba(255,255,255,.42);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  backdrop-filter: blur(18px) saturate(145%);
  box-shadow: 0 12px 30px rgba(13,13,13,.13), inset 0 1px 0 rgba(255,255,255,.28);
}
.oit-btn-border.btn-black-bg {
  color: #fff;
  background: rgba(16,18,22,.82);
  border-color: rgba(255,255,255,.2);
}
.oit-btn-border.btn-white-bg {
  color: #101216;
  background: rgba(255,255,255,.78);
  border-color: rgba(255,255,255,.58);
}
.oit-btn-border.btn-blur-bg {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.28);
}
.oit-btn-border > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.oit-btn-border span span.text-1,
.oit-btn-border span span.text-2 {
  width: 100%;
  text-align: center;
}
.portx-step-item { height: 100%; padding-top: 42px; border-top: 1px solid rgba(13,13,13,.18); }
.portx-stage-label {
  display: block;
  min-height: 34px;
  margin-bottom: 18px;
  color: #707070;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .12em;
  line-height: 1.3;
  text-transform: uppercase;
}
.portx-sector-card {
  height: 100%;
  padding: 54px 44px;
  border: 1px solid rgba(13,13,13,.15);
  background: #fff;
}
.portx-sector-card h3 { font-size: clamp(34px, 4vw, 58px); line-height: 1; margin-bottom: 24px; }
.portx-sector-card p { font-size: 18px; line-height: 1.65; }
.portx-sector-card ul { margin-top: 30px; padding: 0; list-style: none; }
.portx-sector-card li { padding: 12px 0; border-top: 1px solid rgba(13,13,13,.12); font-weight: 500; }
.portx-product-intro { max-width: 760px; font-size: 20px; line-height: 1.7; }
.portx-footer-copy { max-width: 420px; color: rgba(255,255,255,.68); }
.portx-footer-title { color: #fff; margin-bottom: 20px; }
.portx-footer-links { margin: 0; padding: 0; list-style: none; }
.portx-footer-links li { margin-bottom: 10px; }
.portx-footer-links a, .portx-footer-email { color: rgba(255,255,255,.72); }
.portx-footer-links a:hover, .portx-footer-email:hover { color: #fff; }
.portx-prose p { font-size: 19px; line-height: 1.75; }
.portx-policy-updated {
  color: #6c6c6c;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.portx-theme-toggle {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  border: 1px solid rgba(13,13,13,.22);
  border-radius: 50%;
  color: #101216;
  background: rgba(255,255,255,.64);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  backdrop-filter: blur(18px) saturate(145%);
  box-shadow: 0 10px 26px rgba(13,13,13,.1), inset 0 1px 0 rgba(255,255,255,.35);
  transition: color .25s ease, background-color .25s ease, border-color .25s ease, transform .25s ease;
}
.portx-theme-toggle:hover { transform: rotate(8deg); }
.portx-theme-toggle:focus-visible { outline: 2px solid #9f8be7; outline-offset: 3px; }
.portx-theme-toggle-light {
  color: #fff;
  border-color: rgba(255,255,255,.3);
  background: rgba(255,255,255,.12);
}
.portx-theme-icon-sun { display: none; }

html:not(.portx-theme-dark) .portx-home-page main { color: #101216; }
html:not(.portx-theme-dark) .portx-home-page .sd-project-area .oit-section-title,
html:not(.portx-theme-dark) .portx-home-page .oit-about-area .oit-section-title,
html:not(.portx-theme-dark) .portx-home-page .oit-about-area .oit-section-subtitle,
html:not(.portx-theme-dark) .portx-home-page .oit-about-area p,
html:not(.portx-theme-dark) .portx-home-page .oit-service-area .oit-section-title,
html:not(.portx-theme-dark) .portx-home-page .oit-service-area .oit-section-subtitle,
html:not(.portx-theme-dark) .portx-home-page .oit-service-area .oit-service-title,
html:not(.portx-theme-dark) .portx-home-page .oit-service-area .oit-service-title a,
html:not(.portx-theme-dark) .portx-home-page .oit-service-area .oit-service-content p,
html:not(.portx-theme-dark) .portx-home-page .oit-service-area .oit-service-category span,
html:not(.portx-theme-dark) .portx-home-page .dg-step-area .oit-section-title,
html:not(.portx-theme-dark) .portx-home-page .dg-step-area .oit-section-subtitle,
html:not(.portx-theme-dark) .portx-home-page .dg-step-area .dg-step-title,
html:not(.portx-theme-dark) .portx-home-page .dg-step-area p,
html:not(.portx-theme-dark) .portx-home-page .dg-step-area .portx-stage-label { color: #101216; }
html:not(.portx-theme-dark) .portx-home-page .sd-project-area .st-project-content {
  padding: 12px 18px;
  border: 1px solid rgba(255,255,255,.58);
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  backdrop-filter: blur(18px) saturate(145%);
}
html:not(.portx-theme-dark) .portx-home-page .sd-project-area .st-project-title,
html:not(.portx-theme-dark) .portx-home-page .sd-project-area .st-project-title a,
html:not(.portx-theme-dark) .portx-home-page .sd-project-area .st-project-content span,
html:not(.portx-theme-dark) .portx-home-page .sd-project-area .st-project-category a { color: #101216; }
html:not(.portx-theme-dark) .portx-home-page .sd-project-area .st-project-category a {
  border: 1px solid rgba(255,255,255,.58);
  background: rgba(255,255,255,.78);
}

html.portx-theme-dark body,
html.portx-theme-dark main { background: #101216; color: #efefef; }
html.portx-theme-dark section[data-bg-color="#f5f5f5"],
html.portx-theme-dark section[data-bg-color="#fff"],
html.portx-theme-dark .oit-about-area[data-bg-color="#f5f5f5"],
html.portx-theme-dark .dg-step-area[data-bg-color="#f5f5f5"] { background-color: #15171b !important; }
html.portx-theme-dark .oit-service-area,
html.portx-theme-dark .oit-about-area,
html.portx-theme-dark .contact-details-area { background-color: #101216; }
html.portx-theme-dark main .oit-section-title,
html.portx-theme-dark main .oit-section-subtitle,
html.portx-theme-dark main .blog-details-breadcrumb-big-title,
html.portx-theme-dark main .contact-details-big-title,
html.portx-theme-dark main .postbox-title,
html.portx-theme-dark main .dg-step-title,
html.portx-theme-dark main .st-project-title a,
html.portx-theme-dark main .st-project-content span,
html.portx-theme-dark main .st-project-category a,
html.portx-theme-dark main .portx-prose,
html.portx-theme-dark main .portx-prose p,
html.portx-theme-dark main .postbox-dsc,
html.portx-theme-dark main .postbox-dsc p { color: #f4f4f4; }
html.portx-theme-dark main p,
html.portx-theme-dark .portx-product-intro { color: rgba(255,255,255,.72); }
html.portx-theme-dark .portx-step-item { border-top-color: rgba(255,255,255,.2); }
html.portx-theme-dark .portx-stage-label,
html.portx-theme-dark .portx-policy-updated { color: rgba(255,255,255,.54); }
html.portx-theme-dark .portx-sector-card {
  color: #f4f4f4;
  border-color: rgba(255,255,255,.16);
  background: #191b20;
}
html.portx-theme-dark .portx-sector-card h3,
html.portx-theme-dark .portx-sector-card p,
html.portx-theme-dark .portx-sector-card li { color: #f4f4f4; }
html.portx-theme-dark .portx-sector-card li { border-top-color: rgba(255,255,255,.14); }
html.portx-theme-dark .oit-header-area { border-color: rgba(255,255,255,.16); }
html.portx-theme-dark .oit-header-menu:not(.oit-header-menu-2) nav > ul > li > a { color: #fff; }
html.portx-theme-dark .oit-header-logo img[src*="portx-black"],
html.portx-theme-dark .oitoffcanvas__logo img[src*="portx-black"] { filter: invert(1); }
html.portx-theme-dark .oitoffcanvas { color: #f4f4f4; background: #15171b; }
html.portx-theme-dark .oitoffcanvas p,
html.portx-theme-dark .oitoffcanvas a,
html.portx-theme-dark .oitoffcanvas span,
html.portx-theme-dark .oitoffcanvas h3 { color: #f4f4f4; }
html.portx-theme-dark .portx-theme-toggle {
  color: #fff;
  border-color: rgba(255,255,255,.3);
  background: rgba(255,255,255,.12);
}
html.portx-theme-dark .portx-theme-icon-moon { display: none; }
html.portx-theme-dark .portx-theme-icon-sun { display: inline-block; }
html.portx-theme-dark main input,
html.portx-theme-dark main textarea,
html.portx-theme-dark main .nice-select {
  color: #f4f4f4;
  border-color: rgba(255,255,255,.24);
  background: rgba(255,255,255,.05);
}
html.portx-theme-dark main input::placeholder,
html.portx-theme-dark main textarea::placeholder { color: rgba(255,255,255,.5); }
html.portx-theme-dark main .nice-select .list { color: #101216; background: #fff; }
html.portx-theme-dark main a:not(.oit-btn-border) { text-decoration-color: rgba(255,255,255,.35); }
.portx-home-page .sd-project-area .st-project-title,
.portx-home-page .sd-project-area .st-project-title a,
.portx-home-page .sd-project-area .st-project-content span,
.portx-home-page .sd-project-area .st-project-category a { color: #101216 !important; }
.portx-home-page .sd-project-area .st-project-content,
.portx-home-page .sd-project-area .st-project-category a {
  border-color: rgba(255,255,255,.58);
  background: rgba(255,255,255,.82);
}
@media (max-width: 767px) {
  .portx-home-hero { min-height: 100svh; padding-top: 110px; padding-bottom: 50px; }
  .portx-hero-title { margin-bottom: 36px; font-size: clamp(40px, 13vw, 54px); line-height: .98; letter-spacing: -.055em; }
  .portx-hero-cta { min-width: 152px; }
  .portx-sector-card { padding: 38px 26px; }
  .portx-theme-toggle { width: 42px; height: 42px; flex-basis: 42px; margin-right: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}