*{padding:0; margin:0; box-sizing:border-box}

body{
  overflow-x: hidden;
}

/* .dancing-script {
  font-family: "Dancing Script", cursive;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
} */

h1{
  font-family: "Dancing Script", cursive;
}

.carousel-item img{
   width: 100%;
   height: 80vh;
}

.card-body img{
   min-width: 50%;
   max-height: 200px;
}

#Gallery{
  background-color: #dbddf1;
}

.gallery{
	padding: 80px 0px;
}
img{
	max-width: 100%;
}
.gallery img{
	background: #fff;
	padding: 15px;
	width: 100%;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
	cursor: pointer;
}
#gallery-popup .modal-img{
	width: 100%;
}

.top-info-bar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: linear-gradient(270deg, #0d6efd, #0056b3, #1e90ff);
	background-size: 600% 600%;
	animation: gradientMove 12s ease infinite, fadeIn 1.5s ease-out forwards;
	opacity: 0; /* hidden until fadeIn runs */
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.8;
	padding: 6px 15px;
	z-index: 1060;
	letter-spacing: 0.5px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* Gradient Animation */
@keyframes gradientMove {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

/* Fade-in Animation */
@keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translateY(-10px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.top-info-bar a {
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	margin: 0 5px;
	transition: color 0.3s ease, text-shadow 0.3s ease;
	cursor: pointer; /* Hand cursor */
}

	.top-info-bar a:hover {
		color: #ffdd57; /* Gold hover for text */
		text-shadow: 0 0 10px rgba(255, 221, 87, 0.8); /* Soft golden glow */
	}

/* Social icons */
.social-icons a {
	margin-left: 16px;
	font-size: 20px;
	opacity: 0; /* hidden initially */
	transform: translateY(-10px);
	animation: iconFadeIn 1s ease forwards;
	transition: color 0.3s ease, transform 0.2s ease, text-shadow 0.3s ease;
	cursor: pointer; /* Hand cursor for icons */
}

	/* LinkedIn fades first */
	.social-icons a:nth-child(1) {
		animation-delay: 1.2s;
	}

	/* Facebook fades second */
	.social-icons a:nth-child(2) {
		animation-delay: 1.6s;
	}

/* Keyframes for icons */
@keyframes iconFadeIn {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.social-icons a:hover {
	transform: scale(1.2);
	text-shadow: 0 0 10px rgba(255, 255, 255, 0.7); /* Soft white glow */
}

/* LinkedIn Glow */
.social-icons a .fa-linkedin:hover {
	color: #0A66C2;
	text-shadow: 0 0 15px rgba(10, 102, 194, 0.8);
}

/* Facebook Glow */
.social-icons a .fa-facebook:hover {
	color: #1877F2;
	text-shadow: 0 0 15px rgba(24, 119, 242, 0.8);
}

/* Push navbar below top bar */
.navbar.fixed-top {
	top: 58px;
}



