* {
  font-family: "Poppins", serif;
}

/* .navbar {
  background-color: rgb(255, 255, 255);
} */

.insta_icon {
  background: radial-gradient(circle at 30% 110%,
      #ffdb8b 0%,
      #ee653d 25%,
      #d42e81 50%,
      #a237b6 75%,
      #3e57bc 100%);
}


/* Make images faded */
.faded-image {
  opacity: 0.5; /* Adjust the opacity to make images look faded */
  filter: brightness(70%); /* Optional: Adjust brightness for a dim effect */
}

/* Customize carousel caption */
.custom-caption {
  position: absolute;
  top: 50%; /* Vertically center */
  left: 50%; /* Horizontally center */
  transform: translate(-50%, -50%); /* Center the content exactly */
  color: rgb(0, 0, 0) !important; /* Make text white */
  text-align: center; /* Center align text */
  z-index: 10; /* Ensure caption appears above the image */
}

/* Make fonts bigger */
.custom-caption h1 {
  font-size: 5rem !important ; /* Large font size for the heading */
  font-weight: bold; /* Bold text for better visibility */
}

.custom-caption p {
  font-size: 2.5rem !important; /* Adjust font size for the paragraph */
}

.powered-by-logo{

  max-height: 150px; /* Adjust as needed */
  object-fit: contain; /* Ensure the image scales without distortion */
}

footer {
  background-color: #ffffff; /* Dark background */
}

footer h5 {
  font-weight: bold;
}

footer p {
  font-size: 0.9rem;
}

footer a {
  text-decoration: none;
  transition: color 0.3s ease;
}

footer a:hover {
  color: #f39c12; /* Accent color on hover */
}


.about-us img {
  border: 3px solid #f8f9fa; /* Light Border for Images */
}

.about-us .rounded-circle {
  transition: transform 0.3s ease;
}

.about-us .rounded-circle:hover {
  transform: scale(1.1);
}


/* Scroll to Top Button */
.scroll-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  width: 50px;
  height: 50px;
  background-color: #007bff;
  color: white;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

.scroll-to-top i {
  font-size: 20px;
}

.scroll-to-top:hover {
  background-color: #0056b3;
}
