body{
    padding-top: 56px;
}
.header, .dropdown-menu, .gallery-title, .loc-title, .home-hero-btn {
    background-color: #D91E0B; 
    color: white;
}

.nav-link, .dropdown-item {
    color: white;
}

.home-hero-top{
    background-image: url("/assets/photo/hero-main.jpg");
    background-size: cover;
}

.hero-banner{
    background-image: url("/assets/photo/hero-banner.jpg");
    background-size: cover;
    color:white;
}

.card-product{
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    background-color: #f5f5f5;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.bg-contact-img{
    padding: 0;
}

.bg-contact{
    background-color: white;
}

.bg-about-goals, .home-hero-desc, .bg-milestone{
    background-color: #efefef;
}

.bg-milestone, .bg-home-prod{
    background-size: cover;
    min-height:90vh;
}

.bg-milestone{
    background-image: url("/assets/photo/tech_light.jpg");
}

.bg-home-prod{
    background-color: black;
    background-image: url("/assets/photo/network_dark.jpg");
}

.bg-about-goals{
    background-image: url("/assets/photo/network_light.jpg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    min-height:90vh;
}

.icon-xl{
    font-size: 60px;
}

.glass {
  background: rgba(255, 255, 255, 0.5); /* white but transparent */
  backdrop-filter: blur(10px);          /* makes the stuff behind blurry */
  -webkit-backdrop-filter: blur(10px); /* for Safari */
  border-radius: 15px;                  /* rounded edges look nicer */
  border: 1px solid rgba(255, 255, 255, 0.3); /* subtle border for glass effect */
  padding: 20px;
  color: #000; /* text color stays visible */
}
.glass-solid {
  background: rgba(255, 255, 255, 0.8); /* white but transparent */
  backdrop-filter: blur(10px);          /* makes the stuff behind blurry */
  -webkit-backdrop-filter: blur(10px); /* for Safari */
  border-radius: 15px;                  /* rounded edges look nicer */
  border: 1px solid rgba(255, 255, 255, 0.3); /* subtle border for glass effect */
  padding: 20px;
  color: #000; /* text color stays visible */
}