/* DSD Operational Intelligence — site fonts & brand colors */
.dsd-oi-page {
  --oi-cream: #f4f8fc;
  --oi-paper: #ffffff;
  --oi-ink: #17242F;
  --oi-slate: #41505C;
  --oi-mute: #8a94a0;
  --oi-rule: rgba(13, 31, 53, 0.09);
  --oi-green: #71bf44;
  --oi-green-deep: #3a8a20;
  --oi-blue: #0085cd;
  --oi-blue-deep: #00527e;
  --oi-night: #0a1e35;
  --oi-display: var(--font-heading, "CooperBTLight", Georgia, serif);
  --oi-body: var(--font-primary, "MilligramText-Regular", sans-serif);
  --oi-data: var(--font-medium, "MilligramText-Medium", "MilligramText-Regular", sans-serif);
  background: var(--oi-cream);
  color: var(--oi-ink);
  font-family: var(--oi-body);
  font-size: var(--body-size, 18px);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

/* .dsd-oi-page a {
  color: inherit;
} */

.dsd-oi-page :focus-visible {
  outline: 3px solid var(--oi-blue);
  outline-offset: 3px;
  border-radius: 4px;
}

.dsd-oi-page .oi-eyebrow {
  font-family: var(--oi-data) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--oi-green);
  margin: 0 0 18px;
}

.dsd-oi-page .oi-eyebrow.on-dark {
  color: var(--oi-green);
}

.dsd-oi-page .oi-eyebrow.big {
  font-family: var(--oi-display) !important;
  font-size: clamp(15px, 1.25vw, 18px) !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em;
  text-transform: none;
  color: var(--oi-green-deep);
  margin-bottom: 14px;
}

.dsd-oi-page .oi-h1,
.dsd-oi-page .oi-h2,
.dsd-oi-page .oi-h3 {
  font-family: var(--oi-display);
  font-weight: 400;
  letter-spacing: -0.02em;
  margin: 0;
  color: var(--oi-ink);
}

.dsd-oi-page .oi-h1 {
  font-size: clamp(36px, 5.3vw, 52px);
  line-height: 1.08;
}

.dsd-oi-page .oi-h2 {
  font-size: clamp(29px, 3.9vw, 41px);
  line-height: 1.12;
}

.dsd-oi-page .oi-h3 {
  font-size: clamp(20px, 1.7vw, 23px);
  line-height: 1.25;
  letter-spacing: -0.01em;
}

.dsd-oi-page .oi-p {
  margin: 0 0 18px;
}

.dsd-oi-page .oi-lede {
  font-size: clamp(17px, 1.4vw, 20px);
  line-height: 1.62;
  color: var(--oi-slate);
  margin: 0 0 18px;
}

/* Hero wrapper + dark textured background */
.dsd-oi-page .oi-hero-wrapper {
  background: #0a1e14 url("/assets/img/dsd-operational-intelligence-hero-bg.png")
    no-repeat center center;
  background-size: cover;
  color: #fff;
  overflow: hidden;
}

.dsd-oi-page .oi-hero {
  padding: clamp(48px, 6vw, 88px) 0 clamp(56px, 7vw, 100px);
}

.dsd-oi-page .oi-hero-grid {
  display: grid;
  grid-template-columns: 1.30fr 0.70fr;
  gap: clamp(32px, 5vw, 72px);
  align-items: center;
}

.dsd-oi-page .oi-hero-copy {
  color: #fff;
}

.dsd-oi-page .oi-hero .oi-h1 {
  margin-bottom: 24px;
  color: #fff;
}

.dsd-oi-page .oi-hero .oi-h1 em {
  display: block;
  font-style: normal;
  color: var(--oi-green);
}

.dsd-oi-page .oi-hero .oi-lede {
  /* max-width: 34em; */
  color: rgba(255, 255, 255, 0.92);
}

.dsd-oi-page .oi-hero .oi-lede:last-child {
  margin-bottom: 0;
}

/* Account dots */
.dsd-oi-page .oi-accounts {
  background: #ffffff;
  border: 1px solid rgba(13, 31, 53, 0.08);
  border-radius: 18px;
  padding: clamp(22px, 2.4vw, 30px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}

.dsd-oi-page .oi-accounts-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-family: var(--oi-data) !important;
  font-size: 11px !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--oi-mute);
  border-bottom: 1px solid var(--oi-rule);
  padding-bottom: 12px;
  margin-bottom: 20px;
  gap: 12px;
}

.dsd-oi-page .oi-dots {
  display: grid;
  grid-template-columns: repeat(17, 1fr);
  gap: 7px;
}

.dsd-oi-page .oi-dot {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border-radius: 50%;
  background: #d8e4ef;
  opacity: 0;
  animation: oi-pop 0.5s ease forwards;
}

.dsd-oi-page .oi-dot.known {
  background: var(--oi-green);
}

@keyframes oi-pop {
  to {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dsd-oi-page .oi-dot {
    opacity: 1;
    animation: none;
  }
}

.dsd-oi-page .oi-legend {
  display: flex;
  gap: 26px;
  flex-wrap: wrap;
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid var(--oi-rule);
}

.dsd-oi-page .oi-legend div {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  font-size: 14px !important;
  color: var(--oi-slate);
  line-height: 1.4;
}

.dsd-oi-page .oi-swatch {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  flex: none;
  margin-top: 5px;
}

.dsd-oi-page .oi-swatch.k {
  background: var(--oi-green);
}

.dsd-oi-page .oi-swatch.u {
  background: #d8e4ef;
}

.dsd-oi-page .oi-swatch.bl {
  background: var(--oi-blue);
}

.dsd-oi-page .oi-legend b {
  color: var(--oi-ink);
  font-weight: 700;
  display: block;
}

.dsd-oi-page .oi-key {
  display: flex;
  gap: 28px;
  flex-wrap: wrap;
  margin-top: 22px;
}

.dsd-oi-page .oi-key div {
  display: flex;
  align-items: center;
  gap: 9px;
  font-family: var(--oi-data) !important;
  font-size: 11.5px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--oi-slate);
}

.dsd-oi-page .oi-key .oi-swatch {
  margin-top: 0;
}

/* Premise */
.dsd-oi-page .oi-premise {
  background: #ffffff;
  border-top: none;
  border-bottom: none;
  padding: clamp(56px, 6.5vw, 92px) 0;
}

.dsd-oi-page .oi-premise-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: clamp(40px, 5vw, 80px);
  align-items: center;
}

.dsd-oi-page .oi-premise .oi-eyebrow {
  color: var(--oi-green);
  font-family: var(--oi-body);
  letter-spacing: 0.14em;
}

.dsd-oi-page .oi-premise .oi-h2 {
  margin-bottom: 22px;
  color: var(--oi-ink);
}

.dsd-oi-page .oi-premise .oi-lede {
  color: var(--oi-slate);
  /* max-width: 32em; */
}

.dsd-oi-page .oi-premise-note {
  margin-top: 0;
  font-size: clamp(17px, 1.4vw, 20px);
  line-height: 1.62;
  color: var(--oi-slate);
  /* max-width: 32em; */
}

.dsd-oi-page .oi-sheet {
  background: linear-gradient(180deg, #DDF7E5 50.24%, #33A022 255.92%);
  border: none;
  border-radius: 18px;
  padding: clamp(22px, 2.4vw, 30px);
  box-shadow: 0px 14px 30px 0px #17242F0F;

box-shadow: 0px 1px 0px 0px #EFE9DA;

  font-family: var(--oi-body);
}

.dsd-oi-page .oi-sheet-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  font-size: 12px !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--oi-ink);
  font-weight: 600;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--oi-ink);
}

.dsd-oi-page .oi-sheet-sub {
  margin: 10px 0 0;
  font-size: 11px !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #535353;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(13, 31, 53, 0.18);
}

.dsd-oi-page .oi-ledger {
  margin-top: 4px;
}

.dsd-oi-page .oi-ledger-row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  align-items: baseline;
  padding: 12px 0;
  border-bottom: 1px dotted rgba(13, 31, 53, 0.28);
  letter-spacing: 1.4px;
}

.dsd-oi-page .oi-ledger-row:last-child {
  border-bottom: 1px dotted rgba(13, 31, 53, 0.28);
}

.dsd-oi-page .oi-ledger-row .t {
  font-size: 12px;
  color: var(--oi-blue);
  letter-spacing: 0.02em;
  white-space: nowrap;
  font-weight: 600;
}

.dsd-oi-page .oi-ledger-row .d {
  font-size: 14px;
  color: #3D3A31;
  line-height: 1.5;
}

.dsd-oi-page .oi-sheet-foot {
  margin: 14px 0 0;
  font-size: 11px !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #535353;
}

/* Six cards */
.dsd-oi-page .oi-six {
  padding: clamp(56px, 6.5vw, 96px) 0;
}

.dsd-oi-page .oi-six-head {
  max-width: 41em;
  margin-bottom: clamp(34px, 3.6vw, 52px);
}

.dsd-oi-page .oi-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(16px, 1.6vw, 22px);
}

.dsd-oi-page .oi-card {
  background: var(--oi-paper);
  border: 1px solid var(--oi-rule);
  border-radius: 16px;
  padding: clamp(24px, 2.4vw, 32px);
  display: flex;
  flex-direction: column;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.dsd-oi-page .oi-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(13, 31, 53, 0.07);
}

.dsd-oi-page .oi-card .tag {
  font-family: var(--oi-data) !important;
  font-size: 11px !important;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--oi-mute);
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 9px;
}

.dsd-oi-page .oi-tick {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex: none;
}

.dsd-oi-page .oi-card.g .oi-tick {
  background: var(--oi-green);
}

.dsd-oi-page .oi-card.b .oi-tick {
  background: var(--oi-blue);
}

.dsd-oi-page .oi-card .q {
  font-family: var(--oi-display);
  font-size: clamp(19px, 1.55vw, 22px);
  line-height: 1.32;
  font-weight: 400;
  color: var(--oi-ink);
  margin: 0 0 18px;
  letter-spacing: -0.01em;
}

.dsd-oi-page .oi-card .q::before {
  content: "\201C";
}

.dsd-oi-page .oi-card .q::after {
  content: "\201D";
}

.dsd-oi-page .oi-finds {
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
  border-top: 1px solid var(--oi-rule);
}

.dsd-oi-page .oi-finds li {
  padding: 11px 0 11px 20px;
  border-bottom: 1px solid var(--oi-rule);
  font-size: 15.5px;
  color: var(--oi-slate);
  position: relative;
  line-height: 1.45;
}

.dsd-oi-page .oi-finds li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 19px;
  width: 7px;
  height: 1.5px;
  background: var(--oi-mute);
}

.dsd-oi-page .oi-finds li b {
  color: var(--oi-ink);
  font-weight: 700;
}

.dsd-oi-page .oi-card .why {
  font-size: 15px !important;
  line-height: 1.55;
  color: var(--oi-slate);
  /* margin: auto 0 0; */
  margin-bottom: unset;
}

.dsd-oi-page .oi-card .why strong {
  color: var(--oi-ink);
  font-weight: 600;
}

.dsd-oi-page .oi-card .why.green span{
  color: var(--oi-green);
}
.dsd-oi-page .oi-card .why.blue span{
  color: var(--oi-blue);
}

/* Truth / assumptions */
.dsd-oi-page .oi-truth {
  background: #10472D;
  color: #e7edf1;
  padding: clamp(56px, 6.5vw, 96px) 0;
}

.dsd-oi-page .oi-truth .oi-h2 {
  color: #fff;
  max-width: 16em;
  margin-bottom: 20px;
}

.dsd-oi-page .oi-truth .oi-lede {
  color: #ffffff;
  max-width: 42em;
}

.dsd-oi-page .oi-proofs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(16px, 1.6vw, 22px);
  margin-top: clamp(36px, 3.8vw, 52px);
}

.dsd-oi-page .oi-proof {
  background: #FFFFFF17;
  border: 1px solid #FFFFFF3D;
  border-radius: 16px;
  padding: clamp(22px, 2.2vw, 28px);
  display: flex;
  flex-direction: column;
}

.dsd-oi-page .oi-pl {
  font-family: var(--oi-data) !important;
  font-size: 10.5px !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0 0 10px;
  font-weight: 500;
}

.dsd-oi-page .oi-belief {
  font-family: var(--oi-display);
  font-size: clamp(19px, 1.5vw, 22px);
  line-height: 1.3;
  color: #fff;
  font-weight: 400;
  margin: 0 0 20px;
  letter-spacing: -0.01em;
  min-height: 2.6em;
}

.dsd-oi-page .oi-pdiv {
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}

.dsd-oi-page .oi-pdiv::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: #ffffff;
}

.dsd-oi-page .oi-pdiv span {
  position: relative;
  display: inline-block;
  background: var(--oi-green);
  color: #0e1a23;
  padding: 6px 14px;
  border-radius: 100px;
  font-family: var(--oi-data);
  font-size: 10.5px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  font-weight: 600;
}

.dsd-oi-page .oi-viz {
  margin-bottom: 20px;
  background: #FFFFFF0A;

  border: 1px solid #ffffff;
  border-radius: 10px;
  padding: 16px 16px 14px;
}

.dsd-oi-page .oi-viz-cap {
  font-family: var(--oi-data) !important;
  font-size: 10.5px !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0 0 14px;
}

.dsd-oi-page .oi-stores {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 6px;
  margin-bottom: 18px;
}

.dsd-oi-page .oi-store {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.13);
}

.dsd-oi-page .oi-store.sells {
  background: var(--oi-green);
}

.dsd-oi-page .oi-chips {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.dsd-oi-page .oi-chip {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #ffffff;
}

.dsd-oi-page .oi-sw {
  width: 9px;
  height: 9px;
  border-radius: 2px;
  flex: none;
  display: inline-block;
}

.dsd-oi-page .oi-sw.on {
  background: var(--oi-green);
}

.dsd-oi-page .oi-sw.off {
  background: rgba(255, 255, 255, 0.13);
}

.dsd-oi-page .oi-sw.blu {
  background: var(--oi-blue);
}

.dsd-oi-page .oi-routes {
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin-bottom: 16px;
}

.dsd-oi-page .oi-r {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 10px;
  align-items: center;
}

.dsd-oi-page .oi-rl {
  font-family: var(--oi-data);
  font-size: 11px;
  color: #FFFFFF80;
}

.dsd-oi-page .oi-r.hot .oi-rl {
  color: #fff;
  font-weight: 600;
}

.dsd-oi-page .oi-rb {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.dsd-oi-page .oi-rb i {
  display: block;
  height: 5px;
  border-radius: 3px;
}

.dsd-oi-page .oi-rb .rev {
  background: var(--oi-blue);
  opacity: 0.55;
}

.dsd-oi-page .oi-rb .pro {
  background: var(--oi-green);
  opacity: 0.55;
}

.dsd-oi-page .oi-r.hot .oi-rb .rev,
.dsd-oi-page .oi-r.hot .oi-rb .pro {
  opacity: 1;
}

.dsd-oi-page .oi-pays {
  display: flex;
  flex-direction: column;
  gap: 13px;
  margin-bottom: 12px;
}

.dsd-oi-page .oi-pay {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
}

.dsd-oi-page .oi-pn {
  font-size: 13px;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: baseline;
}

.dsd-oi-page .oi-pn b {
  font-family: var(--oi-data);
  font-size: 9.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #FFFFFF9C;
  font-weight: 600;
  margin-left: 6px;
}

.dsd-oi-page .oi-pn em {
  font-style: normal;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  white-space: nowrap;
}

.dsd-oi-page .oi-pb {
  position: relative;
  height: 7px;
  background: rgba(255, 255, 255, 0.09);
  border-radius: 4px;
}

.dsd-oi-page .oi-pb i {
  display: block;
  height: 100%;
  background: var(--oi-blue);
  border-radius: 4px;
}

.dsd-oi-page .oi-pb u {
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: 33%;
  width: 0;
  border-left: 1.5px dotted rgba(255, 255, 255, 0.6);
}

.dsd-oi-page .oi-marker {
  font-size: 11.5px !important;
  color: #FFFFFF9C;
  margin: 0;
  line-height: 1.4;
}

.dsd-oi-page .oi-verdict {
  margin: auto 0 0;
  padding-top: 16px;
  border-top: 1px solid #FFFFFF3D;
  font-size: 14.5px !important;
  line-height: 1.5;
  color: #c3cfd8;
}

/* Forte */
.dsd-oi-page .oi-forte {
  padding: clamp(56px, 6.5vw, 96px) 0;
}

.dsd-oi-page .oi-forte-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: clamp(32px, 5vw, 80px);
  align-items: start;
}

.dsd-oi-page .oi-stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(20px, 2.2vw, 30px);
  margin-top: 34px;
}

.dsd-oi-page .oi-stat {
  border-top: 2px solid var(--oi-green);
  padding-top: 14px;
}

.dsd-oi-page .oi-stat .v {
  font-family: var(--oi-display) !important;
  font-size: clamp(30px, 3vw, 40px) !important;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1;
  color: var(--oi-ink);
}

.dsd-oi-page .oi-stat .l {
  font-size: 14px !important;
  color: var(--oi-slate);
  margin-top: 8px;
  line-height: 1.4;
}

.dsd-oi-page .oi-forte .oi-lede:last-child {
  margin-bottom: 0;
}

/* CTA */
.dsd-oi-page .oi-cta {
  padding: clamp(48px, 6vw, 80px) 0 clamp(60px, 7vw, 96px);
  text-align: center;
  background: #ffffff;
  border-top: none;
}

.dsd-oi-page .oi-cta-panel {
  background: linear-gradient(95.83deg, #000000 -32.64%, #0582CE 74.44%);
  border-radius: 28px;
  padding: clamp(48px, 6vw, 72px) clamp(28px, 5vw, 64px);
  color: #fff;
}

.dsd-oi-page .oi-cta .oi-eyebrow {
  color: var(--oi-green);
  font-family: var(--oi-body);
  letter-spacing: 0.14em;
  margin-bottom: 18px;
}

.dsd-oi-page .oi-cta .oi-h2 {
  max-width: 16em;
  margin: 0 auto 20px;
  color: #ffffff;
}

.dsd-oi-page .oi-cta .oi-lede {
  max-width: 36em;
  margin: 0 auto 34px;
  color: rgba(255, 255, 255, 0.92);
}

.dsd-oi-page .oi-btn {
  display: inline-block;
  background: var(--oi-green);
  color: #fff !important;
  text-decoration: none;
  font-family: var(--oi-body);
  font-weight: 700;
  font-size: 17px;
  padding: 16px 36px;
  border-radius: 12px;
  transition: background 0.18s ease, transform 0.18s ease;
}

.dsd-oi-page .oi-btn:hover {
  background: var(--oi-green-deep);
  transform: translateY(-2px);
  color: #fff !important;
}

.dsd-oi-page .oi-cta small {
  display: block;
  margin-top: 20px;
  color: #DADADA;
  font-size: 14.5px;
}

@media (max-width: 1366px) {
  .dsd-oi-page .oi-h1 {
    font-size: 44px;
  }

  .dsd-oi-page,
  .dsd-oi-page .oi-lede,
  .dsd-oi-page .oi-premise-note {
    font-size: 16px;
  }
}

@media (max-width: 940px) {
  .dsd-oi-page .oi-hero-grid,
  .dsd-oi-page .oi-premise-grid,
  .dsd-oi-page .oi-forte-grid {
    grid-template-columns: 1fr;
  }

  .dsd-oi-page .oi-cards {
    grid-template-columns: 1fr;
  }

  .dsd-oi-page .oi-proofs {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .dsd-oi-page .oi-dots {
    grid-template-columns: repeat(12, 1fr);
    gap: 6px;
  }

  .dsd-oi-page .oi-legend {
    gap: 16px;
  }
}

/* Live header inside dark hero wrapper */
body.dsd-oi-page {
  overflow-x: hidden;
}

body.dsd-oi-page .oi-hero-wrapper {
  position: relative;
}

body.dsd-oi-page .oi-hero-wrapper > section {
  position: relative;
  z-index: 1;
}

body.dsd-oi-page .oi-hero-wrapper > header#header {
  position: relative;
  z-index: 1030 !important;
}

body.dsd-oi-page .oi-hero-wrapper > header#header.header-scrolled {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1030 !important;
  background: rgba(255, 255, 255, 0.97) !important;
  box-shadow: 0 2px 12px rgba(15, 27, 45, 0.08);
}

body.dsd-oi-page .nav_style {
  display: none;
}

body.dsd-oi-page .oi-hero-wrapper .fixed-top.topnav_bg {
  background: transparent !important;
  z-index: 1031;
}

body.dsd-oi-page .top_bavbar a {
  color: #fff !important;
  font-weight: 400 !important;
}

body.dsd-oi-page .top_bavbar a:after {
  border-color: #fff !important;
}

body.dsd-oi-page .top_bavbar ul li {
  font-size: 16px !important;
  color: #fff !important;
}

body.dsd-oi-page .oi-hero-wrapper .header_area.fixed-top {
  background: transparent !important;
  padding: 0 !important;
  overflow: visible;
}

body.dsd-oi-page .oi-hero-wrapper #header .nav-menu > li > a {
  color: #fff !important;
}

body.dsd-oi-page .oi-hero-wrapper #header.header-scrolled .nav-menu > li > a {
  color: #000 !important;
}

body.dsd-oi-page .oi-hero-wrapper:has(#header.header-scrolled) .top_bavbar a,
body.dsd-oi-page .oi-hero-wrapper:has(#header.header-scrolled) .top_bavbar ul li {
  color: #000 !important;
}

body.dsd-oi-page .oi-hero-wrapper:has(#header.header-scrolled) .top_bavbar a:after {
  border-color: #000 !important;
}

/* Default: white logo; after scroll: Athens logo */
body.dsd-oi-page .oi-hero-wrapper #header img.img_show {
  display: block !important;
  width: 240px !important;
}

body.dsd-oi-page .oi-hero-wrapper #header img.img_hide {
  display: none !important;
}

body.dsd-oi-page .oi-hero-wrapper #header.header-scrolled img.img_show {
  display: none !important;
}

body.dsd-oi-page .oi-hero-wrapper #header.header-scrolled img.img_hide {
  display: block !important;
  width: 240px !important;
}

body.dsd-oi-page .oi-hero-wrapper .navigation {
  display: flex !important;
  justify-content: space-between;
}

body.dsd-oi-page .oi-hero-wrapper .megamenu-panel,
body.dsd-oi-page .oi-hero-wrapper .nav-dropdown {
  z-index: 1040 !important;
}

body.dsd-oi-page .nav-toggle:before {
  background-color: #fff !important;
  box-shadow:
    0 0.5em 0 0 #fff,
    0 1em 0 0 #fff !important;
}

body.dsd-oi-page .oi-hero-wrapper #header.header-scrolled .nav-toggle:before {
  background-color: #000 !important;
  box-shadow:
    0 0.5em 0 0 #000,
    0 1em 0 0 #000 !important;
}

@media (min-width: 992px) {
  body.dsd-oi-page .oi-hero-wrapper header.fixed-top .nav-menu > li > a {
    padding: 40px 10px !important;
  }

  body.dsd-oi-page .oi-hero-wrapper #header.header-scrolled img.img_hide {
    width: 200px !important;
  }
}

@media (min-width: 1025px) and (max-width: 1200px) {
  body.dsd-oi-page .oi-hero-wrapper #header.header-scrolled {
    height: 120px !important;
  }
}

@media (min-width: 320px) and (max-width: 576px) {
  body.dsd-oi-page .oi-hero-wrapper header#header.header-scrolled {
    height: 120px !important;
  }
}

@media (min-width: 1200px) {
  body.dsd-oi-page .oi-hero-wrapper header.fixed-top img.img_show,
  body.dsd-oi-page .oi-hero-wrapper #header.header-scrolled img.img_hide {
    width: 240px !important;
  }
}

body.dsd-oi-page .top_bavbar {
  justify-content: end !important;
}

body.dsd-oi-page .oi-hero-wrapper #header a.request_demobtn,
body.dsd-oi-page .oi-hero-wrapper #header a.free-trial,
body.dsd-oi-page .oi-hero-wrapper #header a.custom_primary {
  font-size: 16px !important;
  font-weight: 400 !important;
}

body.dsd-oi-page .oi-hero-wrapper #header .megamenu-panel .megamenu-list > li > a:hover,
body.dsd-oi-page
  .oi-hero-wrapper
  #header
  .megamenu-lists
  .megamenu-list
  > li.megamenu-list-title
  > a:hover,
body.dsd-oi-page .oi-hero-wrapper #header li ul.nav-submenu li a:hover {
  color: #fff !important;
}