/* Common */
.carousel-item img , #gallery-banner img{
    width: 100%;
    height: 700px; /* or any height you prefer */
    object-fit: cover;
  }

@media screen and (max-width: 500px) {
  .carousel-item img , #gallery-banner img{
    width: 100%;
    height: 500px; /* or any height you prefer */
    object-fit: unset;
  }
  .clsabout{
    padding-top: 30px;
  }
}

  body{
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif;
}
.nav-item a,.navbar-dark .navbar-nav .nav-link{
    color: black;
    font-weight: 500;
}
.nav-item a,.navbar-dark .navbar-nav .nav-link:hover{
    color:#454182;
}

.nav-item a:hover {
    text-decoration: underline;
    text-decoration-color: #454182; /* Blue underline on hover */
    text-underline-offset: 4px; 
}
h1{
    color:floralwhite;
}


/* Common */



/* Home Page */

.carousel-caption {
    top:40%;
}
#why-choose-us{
    background-color: #454182;
}

.about-section 
{
            background-color: #f8f9fa; /* Light background */
            padding: 80px 0;
    
}
.about-img
{
            border-radius: 10px;
            box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
}

.ctastrip {
    background-color: #B0A8A3;
}
.btn-custom {
            padding: 12px 24px;
            font-size: 16px;
            font-weight: bold;
            border-radius: 8px;
            transition: all 0.3s ease-in-out;
        }
        .btn-white {
            
            color: black;
            border: 2px solid black;
        }
        .btn-white:hover {
            background-color: black;
            color: white;
        }
.service-section {
            background-color: black;
            padding: 80px 0;
        }
        .service-card {
            margin-top:50px;
            min-height:147px;
            background: white;
            border-radius: 10px;
            padding: 30px;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease-in-out;
        }
        .service-card:hover {
            transform: translateY(-10px);
        }
        .service-icon {
            font-size: 40px;
            color: #007bff;
        }
        
        
        .icon-circle {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background-color: #f0f0f0;
        }
        .icon-circle i {
            font-size: 32px; /* Icon size */
            color: white; /* Icon color */
        }
        
        section {
    scroll-margin-top: 300px; /* Adjust based on your navbar height */
}

#our-customers .col .border{
    min-height: 82px;
}

@media screen and (min-width: 1300px) {
.banner-text {
    font-size:40px;
}
}

  /* Home Page */
 
  

/* About Us */


.hero-banner {
    background: url("../img/aboutus-banner.jpg") no-repeat center center/cover;
    height: 90vh;
    position: relative;
  }

  .hero-banner .overlay {
    background-color: rgba(
      0,
      0,
      0,
      0.6
    ); /* dark overlay for text contrast */
    z-index: 1;
  }

  .hero-banner .container {
    z-index: 2;
    position: relative;
  }

#mission-vision{
    background-color: black;
}
#production-setup{
    background-color: #454182;
}


  /* About Us */

  /* Contact Us */

  .contact-banner img{
    width: 100%;
    height: 700px; /* or any height you prefer */
    
  } 

  .contact-banner {
    position: relative;
    text-align: center;
  }

  .contact-banner h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 3rem;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 20px;
    border-radius: 8px;
  }
  .contact-info i {
    color: #007bff;
    margin-right: 10px;
  }
  iframe {
    border: 0;
    width: 100%;
    height: 300px;
    border-radius: 8px;
  }
  
  /* Contact Us */


  /* Gallery */
  .gallery-img-wrapper {
    overflow: hidden;
    border-radius: 10px;
    height: 200px;
    cursor: pointer;
  }

  .gallery-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s;
  border: 2px solid #ccc; /* Light grey border */
  border-radius: 8px; 
  }

  .gallery-section {
    padding: 40px 0;
  }
  .modal-body {
    position: relative;
    padding: 0;
    text-align: center;
  }
  .btn-close {
    z-index: 1056; /* Make sure close button is above everything */
  }
    
  .modal-img {
    max-width: 100%;
    max-height: 80vh;
    display: inline-block;
    pointer-events: none; /* ✅ Prevent image from blocking close button */
    user-select: none;
  }
  
  /* Gallery */