.hero {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

/* Slide */
.slide {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

/* Active Slide */
.slide.active {
  opacity: 1;
  z-index: 1;
}

/* Image */
.slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: zoom 8s linear infinite;
}

/* Zoom Effect */
@keyframes zoom {
  0% { transform: scale(1); }
  100% { transform: scale(1.1); }
}

/* Overlay */
.slide::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
}

/* Content */
.content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* PERFECT CENTER */
  color: #fff;
  text-align: center; /* text bhi center */
  width: 90%;
  max-width: 700px;
}

.content h1 {
  font-size: 100px;
  color: #fff;
}

.content p {
  font-size: 18px;
}

/* Responsive */
@media (max-width: 768px) {
  .content h1 {
    font-size: 60px;
	color: #fff;
  }

  .content p {
    font-size: 14px;
  }
}
   /* ===== OVERLAY FIX (ADD ONLY) ===== */

/* Ensure slide has stacking context */
.slide {
  z-index: 0;
}

/* Overlay above image but below content */
.slide::before {
  z-index: 1;
  pointer-events: none;
}

/* Keep image below overlay */
.slide img {
  position: relative;
  z-index: 0;
}

/* Content always above overlay */
.content {
  z-index: 2;
}

/* Optional: smooth dark gradient overlay (better visibility for text) */
.slide::before {
  background: linear-gradient(
    rgba(0,0,0,0.6),
    rgba(0,0,0,0.4)
  );
}

/* Ensure parent positioning */
.page-backgrounds {
  position: relative;
  z-index: 0;
}

/* Overlay layer */
.page-backgrounds::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5); /* same as hero overlay */
  z-index: 1;
  pointer-events: none;
}

/* Keep content above overlay */
.page-backgrounds * {
  position: relative;
  z-index: 2;
}

.brdviv h1, nav, li{
	color : #fff !important;
	
	}
	
.brdviv a{
	color : #fff !important;
	
	}


.galvivp {
  flex: 0 0 auto;
  width: 25%;
  padding: 5px;
}

/* Tablet (768px tak) */
@media (max-width: 991px) {
  .galvivp {
    width: 33.33%;
  }
}

/* Mobile (576px tak) */
@media (max-width: 767px) {
  .galvivp {
    width: 50%;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .galvivp {
    width: 100%;
  }
}






 .blog-data {
	 
	 height : 400px;
	 }
	 
 .blog-data img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  display: block;
}

 .service-details p{
	 text-align : justify;
	 
	 }
.service-details img {
  width: 100%;
  height: 440px;
  object-fit: cover;
  display: block;
}
.topp-logo {
  width: 100%;
  height: 59px;
}
.logo-top img{
	width : 100%;
	height:60px;
	}
	
.logo-footer img{
  width: 260px;
  height: 100px;
	}

.team-item img {
    transition: .5s;
    height: 300px;
}

.team-overlay {
    position: absolute;
    padding: 15px 10px 15px 10px;
    right: 30px;
    bottom: 0px;
    left: 30px;
    text-align: center;
    background: rgba(255, 255, 255, .5);
    transition: .5s;
    z-index: 1;
}