#carouselExample {
  position: relative;
}

/* Button styling */
.donate {
  position: absolute;
  bottom: 40px;      /* change position */
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;

  padding: 10px 20px;
  font-size: 18px;
  border-radius: 10px;
}





	 body {
      background-color: #f8f9fa;
    }
   .service-card {
  transition: all 0.3s ease;
  padding: 15px;
}
.footersub{
	color:white;
}

.boxshadow{
	box-shadow: 0px 0px 1px 0px;
	border-radius: 2px;
}
.testimonial-card {
      background: #f8f9fa;
      border-radius: 8px;
      padding: 20px;
      height: 100%;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }
    .testimonial-card h5 {
      margin-top: 15px;
      font-weight: bold;
    }
    .testimonial-card p {
      font-style: italic;
      color: #555;
    }
 .video-container {
      position: relative;
      padding-bottom: 56.25%; /* 16:9 aspect ratio */
      height: 0;
      overflow: hidden;
      border-radius: 8px;
    }
    .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }
.service-card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
  background-color: #f8f9fa; /* subtle highlight */
  border-radius: 8px;
}
    
    .service-img {
      width: 180px;
      height: 180px;
      object-fit: cover;
      border-radius: 50%;
      margin-bottom: 15px;
    }
    .btn-custom {
      background-color: #5f5297;
      color: white;
      border-radius: 25px;
      padding: 10px 25px;
    }
    .btn-custom:hover {
      background-color: #5a32a3;
    }
	.nav{
			height:50px;
			width: 50px;

		}
		
		}
		.service-card{
			text-align:center;
			padding:20px;
		}
		.form-card h5{
			form-weight:400;

		}
		.heading{
			font-weight: bold;
			color: black;
			line-height: 2;
			font-size: 20px;
		}
		.subtitle
		{
			color: black;
			font-size: 18px;
		}
		.gallery{
			font-size: 35px;
			font-weight: bold;
		}
		.aboutus
		{
			color: black;
			font-family: arial;
			font-size: 20px;

		}
		 .gallery-img {
  cursor: pointer;
  transition: 0.3s;
}
.gallery-img:hover {
  transform: scale(1.05);
}

		.form-card{
			background: linear-gradient(135deg,#c6f08a,#86b64c);
			border-radius:10px;
			padding:30px;
			text-align: center;
			height: 250px;
			box-shadow:0px 5px 15px rgba(0,0,0,1);
		}
		.form-btn{
			background:#4a6cf7;
			color:white;
			border-radius:20px;
			padding:8px 20px;
		}
				.gallery-img{
			width:100%;
			height:220px;
			border-radius:15px;
			object-fit:cover;
			margin:auto;
			transition: 0.3s;
		}
		.gallery-section{
			background:#f5f7fb;
			padding:40px ;
			
		}
		.gallery-img{
			transform: scale(1.05);
		}
	.outer-card{
		border:nine;
		width: 600%;
		height: 350px;
		box-shadow:0 5px 15px rgba(0,0,0,0.1);
		border-radius:15px;
		overflow:hidden;
	}
	.inner-card{
		background: white;
		margin-top:-40px;
		border-radius: 10px;
		padding:15px;
		text-align: center;
		box:0 3pox 11px rgba(0,0,0.1);
	}
	.document-img{
		height:220px;
		object-fit: cover;
	}
	.video-card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: 0.3s;
}

.video-card:hover {
  transform: scale(1.03);
}

.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
  color: white;
  background: rgba(0,0,0,0.5);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
video {
  border: none;
  overflow: hidden;
  display: block;
  max-width: 100%;
  height: auto;
}

.video-card img {
  width: 150%;
  height: 250px;
  object-fit: cover;
}
.whatsapp-button {
  position: fixed;
  bottom: 60px;   /* distance from bottom */
  right: 20px;    /* distance from right */
  background-color: #25D366; /* WhatsApp green */
  color: white;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.2);
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
}

.whatsapp-button:hover {
  transform: scale(1.1);
}