<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">	/* Initial style for the button */
	.home-three .home-text a.btn {
		margin-top: 60px; /* Increased margin-top to create distance */
		background-color: #2E4FA6; /* Dark blue background */
		color: #ffffff; /* White text color for visibility */
		border: 2px solid #2E4FA6; /* Dark blue border color to match background */
		border-radius: 27px;
		font-family: Nunito, sans-serif;
		font-size: 14px;
		padding: 10px 50px;
		transition: all 0.4s ease; /* Smooth transition effect */
	}
	/* Hover effect for the button */
	.home-three .home-text a.btn:hover {
		font-size: 16px; /* Increase font size */
		padding: 12px 55px; /* Increase padding */
		transform: scale(1.05); /* Slightly increase the overall size */
		font-weight: bold; /* Increase font weight */
		background-color: #5CA7FB; /* Change background color to lighter blue */
		color: #ffffff; /* Change text color to dark blue */
		border-color: #DBEFFE; /* Change border color to lightest blue */
	}
	/* Optional focus effect to maintain consistency */
	.home-three .home-text a.btn:focus {
		outline: none; /* Remove default focus outline */
		box-shadow: 0 0 10px #5CA7FB; /* Add shadow effect */
		background-color: #5CA7FB; /* Same as hover */
		color: #2E4FA6; /* Same as hover */
		border-color: #e9edef; /* Same as hover */
	}
	/* Walking effect for the container */
	.home-three .home-text {
		transition: all 0.4s ease; /* Smooth transition effect */
	}
	.home-three:hover .home-text {
		animation: walking 1s infinite alternate ease-in-out; /* Add walking animation */
	}
	@keyframes walking {
		0% { transform: translateX(0); }
		100% { transform: translateX(10px); }
	}
	
	/* General styles for the icon boxes */
	.home3_about_icon_box {
		transition: transform 0.3s ease, opacity 0.3s ease;
		transform: scale(0.9);
		opacity: 0;
	}
	.home3_about_icon_box:hover {
		transform: scale(1.1);  /* Increase the overall size on hover */
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); /* Add some shadow effect on hover */
	}
	.home3_about_icon_box.active {
		transform: scale(1);
		opacity: 1;
	}
	.move-up {
    margin-top: -70px; /* Adjust this value as needed */
}

	/* Entry effect for the box */
	@keyframes fadeIn {
		from { opacity: 0; transform: translateY(20px); }
		to { opacity: 1; transform: translateY(0); }
	}

	.about_box_home6, .about_box_home7 {
		animation: fadeIn 1s ease-out; /* Apply entry animation */
		transition: all 0.4s ease; /* Smooth transition effect */
	}

	/* Hover effect for the box */
	.about_box_home6:hover, .about_box_home7:hover {
		animation: walking 1s infinite alternate ease-in-out; /* Add walking animation */
	}

	@keyframes walking {
		0% { transform: translateX(0); }
		100% { transform: translateX(10px); }
	}


.home-three {
    margin-top: -98px;
}</pre></body></html>