div.main-wrap.middle.about-us
{
	padding: 150px 0px 50px;
}

div.about-header
{
	position: relative;
	float: left;
	width: 100vw;
	left: 50%;
	margin-left: -50vw;
	padding: 50px 0px;
	background: linear-gradient(to right, #0d3137 0%, #1b2958 100%);
}

	div.about-header-wrap
	{
		position: relative;
		margin: 0px 140px;
	}
	
		div.about-header-info
		{
			width: 800px;
			margin: 0px auto;
		}
		
			div.about-header-info h1
			{
				display: block;
				margin-bottom: 20px;
				font-size: 48px;
				font-weight: 800;
				text-align: center;
				color: #fff;
			}
			
			div.about-header-info span
			{
				display: block;
				font-size: 20px;
				text-align: center;
				color: #ffffffe6;
			}
			
div.about-list
{
	float: left;
	width: 100%;
	margin: 50px 0px;
	padding: 0px 230px;
	box-sizing: border-box;
}

	h2
	{
		font-size: 24px;
		font-weight: 800;
		text-align: center;
		color: #1d293d;
	}

	span.about-list-desc
	{
		display: block;
		margin: 20px 0px;
		font-size: 16px;
		line-height: 24px;
		color: #45556c;
	}

	div.about-list-wrap
	{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 30px;
		width: 100%;
	}

		div.about-item
		{
			padding: 30px;
			border-radius: 20px;
			box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
		}
		
			i.about-item-icon
			{
				display: inline-block;
				padding: 20px;
				font-size: 40px;
				color: #fff;
				border-radius: 15px;
			}
			
				i.about-item-icon.mdi-check
				{
					background: #059669;
				}
				
				i.about-item-icon.mdi-heart-outline
				{
					background: #2b7fff;
				}
				
				i.about-item-icon.mdi-account-group-outline
				{
					background: #ad46ff;
				}

			span.about-item-title
			{
				display: block;
				margin: 20px 0px;
				font-size: 20px;
				font-weight: 700;
				color: #1e2939;
			}
			
			span.about-item-desc
			{
				display: block;
				font-size: 16px;
				line-height: 24px;
				color: #4a5565;
			}