a {color:red;}
        a:visited  {color:red;}
        
        .logo {
  			max-width: 100%;
  			height: auto;
  			width: 120px;
			}
			
	        .logo-footer{
  			max-width: 100%;
  			height: auto;
  			width: 50px;
  			margin-top:10px;
			}	
				
a.logo-text {
  color: #fff;
  font-weight: 400;
  text-decoration: none !important;
}



#products  {scroll-margin-top: 100px;}

        .navbar {
            background-color: #dc1715;
        }
        .navbar-brand, .navbar-nav .nav-link {
            color: white;
        }

        navbar-nav .nav-link.active {
  			color: #fff !important;
  			background: red;
  			border:1px solid #fff;
			}

        .hero-section {
            background-color: black;
            color: white;
            padding: 100px 0;
            text-align: center;
        }
        .hero-content h1, .hero-content p {
            margin: 0;
        }
        .gallery {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .gallery .col-lg-4 {
            display: flex;
            justify-content: center;
        }
        .gallery img {
            max-width: 100%;
            height: auto;
        }
        .navbar-nav {
            margin-left: auto; /* Align links to the right on larger screens */
        }
        
    	.img-round {border-radius:6px;}
    	
    .img-responsive {width:100%;height:auto;max-widht:100%;}
    
        .hero-section {
    		background-color: red;
    		color: #fff;
    		padding: 4rem 2rem;
    		text-align: center;
    		position: relative;
    		background-image: url("images/bg.jpg");
    		background-size:     cover; 
    		background-repeat:   no-repeat;
    		background-position: center center;
			}

       .pro-title {
  			font-size: 1.rem;
  			margin-top: .5rem;
  			font-weight: bold;
			}
        
        .lightbox img {
            border-radius: 2px !important;
            border: none !important;
        }
        .lightbox .lb-nav a.lb-prev, .lightbox .lb-nav a.lb-next {
            display: block !important;
        }
        .lightbox .lb-dataContainer {
            animation-duration: 0.25s !important; /* Reduced to half of default */
        }
        
  #contact {
  margin-top: -70px;
}


#footer {
  background: #222;
  padding: 20px;
  text-align: center;
  color: #fff;
}
      
        @media (max-width: 991.98px) {
            .navbar-nav {
                margin-left: 0; /* Align links to the left on smaller screens */
                text-align: left; /* Ensure text aligns to the left */
            }
        }