/* ─── COLOR TOKENS ─── */
:root{
  --pm-blue:#003d66;
  --pm-blue-dark:#002544;
  --pm-gold:#ffc107;
  --pm-white:#fff;
  --pm-gray:#6c757d;
  --t-fast:.3s;
}
 
/* ─── RESET / FONTS ─── */
.pm-navbar,*{font-family:'Inter',sans-serif}
 
/* ═════════ TOP STRIP ══════════════════════════════════════ */
.pm-top{padding:10px 16px}
 
/* logo stack */
.pm-logo{height:80px;width:auto}
.pm-name{font-size:.95rem;color:var(--pm-blue)}
.pm-tag{font-size:.78rem}
 
/* rotating headline */
.pm-headline{min-height:45px;position:relative;overflow:hidden}
.hword{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  font-weight:600;
  color:var(--pm-blue);
  white-space:nowrap;
  opacity:0;
  transform:translateY(-30px);
  transition:all 1.0s ease-in-out;
}
.hword.active{opacity:1;transform:none}
 
/* partner marquee */
.pm-partners {
  overflow: hidden;
  max-width: 400px;
  position: relative;
}

.pm-track {
  display: flex;
  width: max-content;
  animation: scroll-marquee 30s linear infinite;
}
.pm-plogo {
  height: 30px;
  margin-right: 2rem;
  opacity: 0.85;
  transition: opacity 0.3s;
}

.pm-plogo:hover {
  opacity: 1;
}
@keyframes scroll-marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
 
/* burger (mobile only) */
.pm-burger{
  background-color: #003d66;
  border:none;
  padding:8px 8px 8px 8px;
  border-radius: 4px;
  display:flex;
  flex-direction:column;
  gap:4px;
  cursor:pointer
}
.pm-burger span{width:22px;height:3px;border-radius:2px;background:var(--pm-white);transition:all var(--t-fast)}
.pm-burger:hover span:nth-child(2){width:16px}
.pm-burger:hover span {
  background-color: var(--pm-gold);
}

/* desktop hides burger */
@media (min-width:992px){.pm-burger{display:none}}
 
/* ═════════ MAIN NAV (desktop) ═════════════════════════════ */
.pm-nav{background:var(--pm-blue)}
.pm-navlist{display:flex;margin:0;padding:0;list-style:none}
.navlink{
  font-size: 0.9rem;
  display:block;
  padding:0 0.7rem;
  line-height:54px;
  font-weight:bolder;
  color:var(--pm-white);
  text-decoration:none
}
.navlink:hover,.navlink.active{
    color: #ffc107;
}
.dropdown-menu{background:var(--pm-blue);border:none;border-radius:0 0 .5rem .5rem}
.dropdown-item{color:var(--pm-white);padding:.55rem 1.25rem}
.dropdown-item:hover{background:var(--pm-blue-dark);color:var(--pm-gold)}
 
/* ═════════ OFF-CANVAS (mobile) ════════════════════════════ */
#pm-sidebar{width:320px}
.mitem{display:block;padding:.75rem 0;font-weight:500;color:var(--pm-blue);text-decoration:none}

.msub{display:block;padding:.5rem 0;font-size:.9rem;color:#555;text-decoration:none}
.msub:hover{color:var(--pm-blue);padding-left:.25rem}
 
/* ═════════ RESPONSIVE TWEAKS ═════════════════════════════ */
@media (max-width:1199.98px){
      /* hide marquee until ≥ xl */
  .pm-partners{display:none}
  .pm-logo-desktop {
    display: none !important;
  }
  .pm-logo-mobile {
    display: block !important;
  }
}
@media (max-width:991.98px){         /* headline hides, logo smaller */
  .pm-headline{display:none}
  .pm-logo{height:70px}
  .pm-brand {
    flex-direction: column;
    align-items: flex-start;
  }
  .pm-logo {
    margin-bottom: 0.5rem;
  }
}
@media (max-width:575.98px){         /* extra small devices */
  .pm-logo{height:60px}
  .pm-brand {
    align-items: center;
    text-align: center;
  }
}

/* Extra Styling */
.pm-top {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.right-portion {
    width: auto;
}
.left-portion {
width: 85%;
}
.upper-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* Show dropdown menu on hover */
.pm-navlist .dropdown:hover .dropdown-menu {
  display: block;
}
/* Dropdown menu styling to match navbar */
.pm-nav .dropdown-menu {
  background-color: var(--pm-blue); /* Match navbar background */
  border: none;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Soft drop shadow */
  padding: 0;
  margin-top: 0; /* Align dropdown flush with navbar */
  min-width: 220px;
  z-index: 1000;
}

/* Dropdown items */
.pm-nav .dropdown-item {
  padding: 12px 16px;
  font-weight: 500;
  color: var(--pm-white);
  transition: background 0.3s, color 0.3s;
}

/* Hover state - gold text and darker blue */
.pm-nav .dropdown-item:hover {
  background-color: var(--pm-blue-dark);
  color: var(--pm-gold);
}
.navlink.dropdown-toggle::after {
  display: none !important;
}

.sidebar-logo {
  width: 16rem;
}
.offcanvas-body {
  font-size: 0.8rem;
}

.offcanvas-body a {
  color: black;
}

.offcanvas-body a:hover {
  color: var(--pm-gold);
}
.btn-close:hover {
  background-color: blue;
  transition:all 0.25s ease-in-out
}
.pm-logo-mobile {
  display: none;
}
.pm-logo-desktop {
  display: block;
}
header {
  background-color: rgb(249, 249, 249);
  padding-left: 1rem;
  padding-right: 1rem;
}

@keyframes logoPulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

.pm-logo {
  transition: transform 0.3s ease-in-out;
}

.pm-logo:hover {
  animation: logoPulse 0.4s ease-in-out;
}