a.active {
color: #1073AD;
}

/* General logo styling */
.logo-techrite {
  height: auto;
  width: 100%;
  max-width: 350px; /* default for desktop */
  margin-top: -5px;
  margin-left: -15px;
  transition: all 0.3s ease;
}

/* Adjust for tablets and small screens */
@media (max-width: 992px) {
  .logo-techrite {
    max-width: 200px;
    margin-left: -10px;
  }
}

/* Adjust for mobile phones */
@media (max-width: 576px) {
  .logo-techrite {
    max-width: 160px;
    margin-left: 0;
    margin-top: 0;
  }
}

/* Make sure both brand containers’ images are responsive */
.rd-navbar-brand img.logo-techrite,
.rd-navbar-mobile-brand img.logo-techrite {
  width: 100%;
  height: auto;
  max-width: 350px;
}

/* Optional: trim max width further on phones */
@media (max-width: 576px) {
  .rd-navbar-brand img.logo-techrite,
  .rd-navbar-mobile-brand img.logo-techrite {
    max-width: 160px;
  }
}


/* Ensure parallax container is positioned */
.section-cover { position: relative; }

/* Overlay above fixed media, below content */
.parallax-overlay{
  position: fixed;      /* match RD media which is fixed */
  inset: 0;
  background: rgba(0,0,0,0.4);
  z-index: 2;
  pointer-events: none; /* keep links/buttons clickable */
}

.section-cover > .parallax-overlay {
  position: fixed !important;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}


/* Explicit stacking order */
.section-cover .rd-parallax-layer[data-type="media"]{ z-index: 1; }
.section-cover .rd-parallax-layer[data-type="html"] { position: relative; z-index: 3; }