* {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		  }

		  body {
			font-family: 'Poppins', sans-serif;
			line-height: 1.6;
		  }

		  /* Page Layout */
		  .page {
			display: flex;
			min-height: 100vh;
			flex-direction: column;
		  }

		  /* Header (Logo on the left) */
		  .page-header {
			padding: 1.5rem 3rem;
			background: #fff;
			border-bottom: 1px solid #eaeaea;
		  }

		  .header-logo img {
			height: 50px; /* Adjust logo size */
			width: auto;
		  }

		  /* Main Content (Text + Image Side by Side) */
		  .page-main {
			flex: 1;
			padding: 3rem;
			max-width: 1200px;
			margin: 0 auto;
			width: 100%;
			margin-top: -20px;
		  }

		  .page-main-header {
			display: flex;
			align-items: center;
			gap: 4rem; /* Spacing between text and image */
		  }

		  .page-main-header-content {
			flex: 1;
			font-family: 'Poppins', sans-serif;
			font-size: 1.5rem;
			font-weight: 500;
			color: #1a1a1a;
			line-height: 1.3;
		  }

		  .page-main-header-image {
			flex: 1;
		  }

		  .page-main-header-image img {
			max-width: 100%;
			height: auto;
			max-height: 100px;
			object-fit: contain;
		  }
		  
		  .fade-in-from-left {
				opacity: 0;
				transform: translateX(-20px);
				animation: fadeInFromLeft 0.5s ease-out forwards;
			}

			@keyframes fadeInFromLeft {
				from {
					opacity: 0;
					transform: translateX(-20px);
				}
				to {
					opacity: 1;
					transform: translateX(0);
				}
			}

		  /* Grid Layout */
		  .grid-container {
			display: grid;
			grid-template-columns: repeat(3, minmax(300px, 1fr));
			gap: 2rem;
			margin-top: 3rem;
		  }

		  .grid-item {
			background-color: #fff;
			border-radius: 10px;
			padding: 2rem;
			box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
			transition: transform 0.3s ease, box-shadow 0.3s ease;
			cursor: pointer;
			border: 1px solid #eaeaea;
		  }

		  .grid-item:hover {
			transform: translateY(-5px);
			box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
		  }

		  .grid-item h3 {
			font-size: 1.2rem;
			margin-bottom: 1rem;
			color: #00afef;
			transition: all 0.3s ease;
			display: inline-block;
			font-weight:400;
		  }
		  
		   .grid-item:hover h3 {
			color: #0056b3;
			transform: translateX(5px);
		  }

		  .grid-item p {
			color: #666;
			font-size: 0.9rem;
		  }
		 .grid-item a{
			 text-decoration: none;
		 }

		  /* Footer (Optional) */
		  .page-footer {
			padding: 1.5rem 3rem;
			background: #f8f8f8;
			text-align: center;
		  }

		  /* Responsive Adjustments */
		  @media (max-width: 768px) {
			.page-header {
			  padding: 1rem 1.5rem;
			}

			.page-main {
			  padding: 2rem 1.5rem;
			text-align: center;
			}

			.page-main-header {
			  flex-direction: column;
			  gap: 2rem;
			}

			.page-main-header-content {
			  font-size: 2rem;
			}

			.grid-container {
			  grid-template-columns: 1fr;
			  height:50vh;
			}
		  }
		 .bottom-left-button {
			  position: relative;
			  display: inline-block;
			  bottom: 60px;
			  left: 20px; /* shifted to bottom right */
			  text-align:center;
			  background-color: #00afef; /* Blue background */
			  color: black;
			  padding: 10px 10px;
			  font-size: 15px;
			  font-family: 'Poppins', sans-serif;
			  border:none;
			  border-radius: 10px;
			  text-decoration: none;
			  font-weight: 400;
			  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
			  transition: background-color 0.3s ease;
			  max-width:200px;
			  width:auto;
			  z-index: 100;
			  
			}

			.bottom-left-button a{
				 text-decoration: none;
			}
			.bottom-left-button h3{
				color:white;
			}
			
			.bottom-left-button:hover {
			  background-color: #0056b3; /* Darker blue on hover */
			  color: white;
			}