/* Custom Scrollbar for Mobile Menu */
 #mobile-menu {

 	border-radius: 10px;
 }

 .scrollbar-hide::-webkit-scrollbar {
 	display: none;
 }
 /* Custom CSS for 3D hover effect */
 .service-card {
	perspective: 1000px;
	transform-style: preserve-3d;
	transition: transform 0.5s ease, box-shadow 0.5s ease;
  }
  .service-card:hover {
	transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  }
  .service-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	transition: opacity 0.5s ease;
  }
  .service-card:hover::before {
	opacity: 1;
  }
  .service-card img {
	transition: transform 0.5s ease;
  }
  .service-card:hover img {
	transform: scale(1.1);
  }
 .scrollbar-hide {
 	-ms-overflow-style: none;
 	scrollbar-width: none;
 }

 .hamburger-icon {
 	transition: transform 0.3s ease;
 }

 .hamburger-icon.open {
 	transform: rotate(90deg);
 }

 .pbackground {
 	z-index: 0;
 }

 .cta-button {
 	transition: transform 0.3s ease, background-color 0.3s ease;
 }

 .cta-button:hover {
 	background-color: #ffcc00;
 	transform: scale(1.1);
 }

 /* Custom Fonts */
 .hero-text {
 	font-family: 'Poppins', sans-serif;
 }

 .hero-heading {
 	font-family: 'Roboto', sans-serif;
 }

 @keyframes fade-in-left {
 	from {
 		opacity: 0;
 		transform: translateX(-20px);
 	}

 	to {
 		opacity: 1;
 		transform: translateX(0);
 	}
 }

 @keyframes fade-in-right {
 	from {
 		opacity: 0;
 		transform: translateX(20px);
 	}

 	to {
 		opacity: 1;
 		transform: translateX(0);
 	}
 }

 .animate-fade-in-left {
 	animation: fade-in-left 0.8s ease-in-out;
 }

 .animate-fade-in-right {
 	animation: fade-in-right 0.8s ease-in-out;
 }


 /*Start Animations*/
 @-webkit-keyframes animatetop {
 	from {
 		top: -300px;
 		opacity: 0;
 	}

 	to {
 		top: 0;
 		opacity: 1;
 	}
 }

 @keyframes animatetop {
 	from {
 		top: -300px;
 		opacity: 0;
 	}

 	to {
 		top: 0;
 		opacity: 1;
 	}
 }

 @-webkit-keyframes zoomIn {
 	0% {
 		opacity: 0;
 		-webkit-transform: scale3d(0.3, 0.3, 0.3);
 		transform: scale3d(0.3, 0.3, 0.3);
 	}

 	50% {
 		opacity: 1;
 	}
 }

 @keyframes zoomIn {
 	0% {
 		opacity: 0;
 		-webkit-transform: scale3d(0.3, 0.3, 0.3);
 		transform: scale3d(0.3, 0.3, 0.3);
 	}

 	50% {
 		opacity: 1;
 	}
 }

 /*End Animations*/
 /*
-- Start BackGround Animation 
*/
 .area {
 	background: #4e54c8;
 	background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8);
 	width: 100%;
 	height: 100vh;
 	position: absolute;
 	z-index: -1;
 }

 .circles {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 96%;
 	overflow: hidden;
 }

 .circles li {
 	position: absolute;
 	display: block;
 	list-style: none;
 	width: 20px;
 	height: 20px;
 	background: rgba(255, 255, 255, 0.2);
 	animation: animate 25s linear infinite;
 	bottom: -150px;
 }

 .circles li:nth-child(1) {
 	left: 25%;
 	width: 80px;
 	height: 80px;
 	animation-delay: 0s;
 }

 .circles li:nth-child(2) {
 	left: 10%;
 	width: 20px;
 	height: 20px;
 	animation-delay: 2s;
 	animation-duration: 12s;
 }

 .circles li:nth-child(3) {
 	left: 70%;
 	width: 20px;
 	height: 20px;
 	animation-delay: 4s;
 }

 .circles li:nth-child(4) {
 	left: 40%;
 	width: 60px;
 	height: 60px;
 	animation-delay: 0s;
 	animation-duration: 18s;
 }

 .circles li:nth-child(5) {
 	left: 65%;
 	width: 20px;
 	height: 20px;
 	animation-delay: 0s;
 }

 .circles li:nth-child(6) {
 	left: 75%;
 	width: 110px;
 	height: 110px;
 	animation-delay: 3s;
 }

 .circles li:nth-child(7) {
 	left: 35%;
 	width: 150px;
 	height: 150px;
 	animation-delay: 7s;
 }

 .circles li:nth-child(8) {
 	left: 50%;
 	width: 25px;
 	height: 25px;
 	animation-delay: 15s;
 	animation-duration: 45s;
 }

 .circles li:nth-child(9) {
 	left: 20%;
 	width: 15px;
 	height: 15px;
 	animation-delay: 2s;
 	animation-duration: 35s;
 }

 .circles li:nth-child(10) {
 	left: 85%;
 	width: 150px;
 	height: 150px;
 	animation-delay: 0s;
 	animation-duration: 11s;
 }

 @keyframes animate {
 	0% {
 		transform: translateY(0) rotate(0deg);
 		opacity: 1;
 		border-radius: 0;
 	}

 	100% {
 		transform: translateY(-1000px) rotate(720deg);
 		opacity: 0;
 		border-radius: 50%;
 	}
 }


 .Gallery a img {
 	padding: 5px;
 	object-fit: contain;
 }

 .parallax {
 	background-image: url("../assets/77841.jpg");
 	background-attachment: fixed;
 	background-size: cover;
 	background-position: center;

 	color: white;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	text-align: center;
 }

 /* Smooth transition on hover for step box */
 .step {
 	transition: transform 0.3s ease;
 }

 .step:hover {
 	transform: translateY(-10px);
 }

 /* Form styles */
 .form-container {
 	background-color: #ffffff;
 	padding: 2rem;
 	border-radius: 10px;
 	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
 }

 /* Responsiveness */
 @media (max-width: 768px) {
 	.steps-container {
 		grid-template-columns: 1fr;
 	}
 }