.sContent {
 	background: transparent;
 	color: white;
 	/* Optional, to ensure text is readable on the background */
 	padding: 4rem 2rem;
 	/* Add padding for spacing */
 	text-align: center;
 	/* Center the text */
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
 }

 body {
 	background-image: none;
 }

 .navbar {
 	background-color: rgb(15, 23, 42);
 }
 ml-0{
	    margin-left: 0;
} 
.mt-10{
	margin-top: 5rem;
}
 .hero {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	justify-content: center;
 	padding: 2rem 0;
 	text-align: center;
 }
 .bghero{
background: linear-gradient(to right, #185b95, #0d3252);
}
 .hero.flex {
 	flex-direction: row;
 	text-align: left;
 }

 .hero>div {
 	flex: 1;
 	padding: 1rem;
 }

 .hero-title {
 	font-size: 2rem;
 	font-weight: bold;
 	color: #1a202c;
 	margin-bottom: 1rem;
 }

 .hero-subtitle {
 	font-size: 1.2rem;
 	line-height: 1.6;
	text-align: left;
 	color: #fff;
 	margin-bottom: 1rem;
 }

 .create-account {
 	display: inline-block;
 	background-color: #3182ce;
 	color: white;
 	padding: 0.75rem 1.5rem;
 	border-radius: 5px;
 	text-decoration: none;
 	font-weight: bold;
 	transition: background-color 0.3s;
 	margin-right: 1rem;
 }

 .create-account:hover {
 	background-color: #2b6cb0;
 }

 .whitebtn {
 	background-color: white;
 	color: #3182ce;
 	border: 2px solid #3182ce;
 }

 .whitebtn:hover {
 	background-color: #3182ce;
 	color: white;
 }

 img {
    width: 100%;
 	height: auto;
 	display: block;
 }

 @media (min-width: 768px) {
 	.hero {
 		flex-direction: row;
 		text-align: left;
 		/* Align text to the left */
 	}
 }

 .sContent {
 	padding-top: 10rem;
 }

 .hero-title {
 	display: flex;
 	gap: 0.5rem;
 	letter-spacing: -.025em;
 	font-weight: 700;
 	margin-bottom: 1.5rem;
 	font-size: 56px;
 	line-height: 1.1;
 }

 .retry-text {
 	color: rgb(97 171 254 / var(--tw-text-opacity, 1));
 }

 .service-text {
 	color: white;
 }